#drdq-quiz { max-width: 100%; margin: auto; font-family: Arial, sans-serif; }
.drdq-section { margin-bottom: 0; }
.drdq-section label { display: block; font-weight: bold; }
.drdq-section select,
.drdq-section input { width: 100%; padding: .5em; }
.drdq-section button { margin-right: .5em; padding: .5em 1em; cursor: pointer; }
.drdq-hidden { display: none; }
.drdq-button-group {
    display: flex;
    justify-content: center;
    padding: 30px;
    gap: 30px;
}
.drdq-button-group button {
    padding: 8px;
    border: none;
    color: #149B5F !important;
    font-weight: 700;
    font-size: 18px;
}
div#drdq-quiz h2 {
    font-family: Lato, sans-serif;
    text-transform: none;
    font-weight: 700;
    font-size: 24px;
    color: #0066b3;
    text-align: center;
}
.drdq-section label {
    padding: 15px;
    background: #009eaa;
    color: white;
    text-align: center;
}
.drdq-button-group button {
  margin-right: .5em;
}
.drdq-button-group button.active,
.drdq-button-group button:hover{
  background: #00796b !important;
  color: #fff !important;
}
div#drdq-section-gender .drdq-button-group button{
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 200px;
	background: url(../img/icon-men.jpg) no-repeat center;
	background-size: cover;
	text-indent: -4000px;
}
div#drdq-section-gender .drdq-button-group button{
	background: url(../img/icon-men.jpg) no-repeat center;
	background-size: cover;
}
div#drdq-section-gender .drdq-button-group button:hover,
div#drdq-section-gender .drdq-button-group button.active{
	background: url(../img/icon-men.jpg) no-repeat center !important;
	background-size: cover !important;
	opacity: 0.6;	
}
div#drdq-section-gender .drdq-button-group button:last-child{
	background: url(../img/icon-woman.jpg) no-repeat center;
	background-size: cover;	
}
div#drdq-section-gender .drdq-button-group button:last-child:hover,
div#drdq-section-gender .drdq-button-group button:last-child.active{
	background: url(../img/icon-woman.jpg) no-repeat center !important;
	background-size: cover !important;		
	opacity: 0.6;
}
.drdq-input-group {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;   
  max-width: 500px;
	margin: 0 auto;
	padding: 30px;
}

.drdq-input-group select {
  flex: 1;            
  min-width: 120px;   
  padding: .5em;
	background: url(https://creativer.com.mx/adqp/wp-content/uploads/2025/06/down.png) no-repeat right center;
	background-size: 24px;
	border: none;
	width: 100px;
	-webkit-appearance: none;
}
div#drdq-submit-wrap {
    display: flex
;
    justify-content: center;
}
#drdq-submit { background: #149B5F; color: #fff; border: none; padding: 15px 30px; border-radius: 15px; font-size: 21px;}

div#drdq-result {
    margin: 30px;
    width: 500px;
    margin: 30px auto;
    text-align: center;
    font-weight: 700;
}
div#drdq-result h3 {
    font-size: 32px;
}
div#drdq-result .result-wrap {
    width: 500px;
    background: #2DBECD;
    padding: 40px;
    border-radius: 30px;
    color: white;
    margin-bottom: 30px;
}
div#drdq-result h4 {
    font-weight: 700;
    color: #2DBECD;
}
button#drdq-reset{
	background: #149B5F; color: #fff; border: none; padding: 15px 30px; border-radius: 15px; font-size: 21px;
}