.elementor-45518 .elementor-element.elementor-element-5ff7ad3 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-45518 .elementor-element.elementor-element-5ff7ad3:not(.elementor-motion-effects-element-type-background), .elementor-45518 .elementor-element.elementor-element-5ff7ad3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-3f14538 ) 44%, #CECECE63 100%);}.elementor-45518 .elementor-element.elementor-element-5ff7ad3 > .elementor-container{min-height:40vh;}.elementor-45518 .elementor-element.elementor-element-5ff7ad3, .elementor-45518 .elementor-element.elementor-element-5ff7ad3 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-45518 .elementor-element.elementor-element-5ff7ad3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-10px;margin-bottom:0px;padding:50px 0px 0px 0px;}.elementor-45518 .elementor-element.elementor-element-5ff7ad3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-45518 .elementor-element.elementor-element-ecbdfe4 > .elementor-element-populated{margin:0% 10% 0% 10%;--e-column-margin-right:10%;--e-column-margin-left:10%;padding:0px 0px 0px 30px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-45518 .elementor-element.elementor-element-32a7a50 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-45518 .elementor-element.elementor-element-32a7a50{text-align:center;}.elementor-45518 .elementor-element.elementor-element-32a7a50 .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:2.8em;font-weight:600;color:#FFFFFF;}.elementor-45518 .elementor-element.elementor-element-9eb029a > .elementor-widget-container{padding:20px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-45518 .elementor-element.elementor-element-5ff7ad3 > .elementor-container{min-height:40vh;}.elementor-45518 .elementor-element.elementor-element-5ff7ad3, .elementor-45518 .elementor-element.elementor-element-5ff7ad3 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-45518 .elementor-element.elementor-element-5ff7ad3{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-45518 .elementor-element.elementor-element-ecbdfe4 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0px 40px 0px 40px;}.elementor-45518 .elementor-element.elementor-element-32a7a50 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-45518 .elementor-element.elementor-element-32a7a50 .elementor-heading-title{font-size:2.8em;}}@media(max-width:767px){.elementor-45518 .elementor-element.elementor-element-5ff7ad3 > .elementor-container{min-height:40vh;}.elementor-45518 .elementor-element.elementor-element-5ff7ad3, .elementor-45518 .elementor-element.elementor-element-5ff7ad3 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-45518 .elementor-element.elementor-element-5ff7ad3{margin-top:-25px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-45518 .elementor-element.elementor-element-ecbdfe4 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-45518 .elementor-element.elementor-element-32a7a50 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-45518 .elementor-element.elementor-element-32a7a50 .elementor-heading-title{font-size:2.6em;}}/* Start custom CSS for html, class: .elementor-element-9eb029a *//* --- ESTILOS DEL QUIZ --- */
.pdc-quiz-wrapper {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: #ffffff;
    border-radius: 16px;
    padding: 40px;
    max-width: 750px;
    margin: 20px auto;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08);
    text-align: center;
    border: 1px solid #f0f0f0;
}

/* Títulos */
.pdc-quiz-question-title {
    color: #2c3e50;
    font-size: 1.6em;
    margin-bottom: 30px;
    font-weight: 700;
    line-height: 1.4;
}

/* Botones de Respuesta (Nuevo Diseño) */
.pdc-quiz-btn {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e0e0e0; /* Borde muy sutil */
    color: #444;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02); /* Sombra suave */
    text-align: left; /* Texto alineado a la izquierda para leer mejor */
}

.pdc-quiz-btn:hover {
    border-color: #D35400;
    background-color: #FFF3E0;
    color: #D35400;
    transform: translateY(-3px); /* Pequeña elevación */
    box-shadow: 0 8px 15px rgba(211, 84, 0, 0.15);
}

/* Contenedor del texto dentro del botón */
.pdc-quiz-btn div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%; /* Ocupa el ancho restante */
    text-align: center; /* Centramos el texto dentro del botón */
}

.pdc-quiz-icon {
    font-size: 2em;
    margin-bottom: 0; /* Quitamos margen inferior porque ahora está al lado o arriba según diseño */
    min-width: 50px;
    text-align: center;
}

/* En móvil, apilamos icono y texto */
@media (max-width: 600px) {
    .pdc-quiz-btn {
        flex-direction: column;
        text-align: center;
        padding: 15px;
    }
    .pdc-quiz-icon {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

/* Botón Atrás (Discreto y Abajo) */
.pdc-back-container {
    margin-top: 25px;
    border-top: 1px solid #eee;
    padding-top: 15px;
}
.pdc-back-btn {
    background: none;
    border: none;
    color: #999;
    font-size: 0.95em;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 20px;
    transition: all 0.2s;
}
.pdc-back-btn:hover {
    background-color: #f5f5f5;
    color: #555;
}

/* Tarjeta de Resultado */
.pdc-result-box {
    display: none;
    background: linear-gradient(135deg, #fff8e1 0%, #ffffff 100%);
    border: 2px solid #F39C12;
    padding: 40px 30px;
    border-radius: 16px;
    animation: popIn 0.5s ease;
}
.pdc-result-icon { font-size: 5em; display: block; margin-bottom: 20px; }
.pdc-result-name { font-size: 2.2em; color: #D35400; font-weight: 800; margin: 0 0 15px 0; line-height: 1.2; }
.pdc-result-text { font-size: 1.2em; color: #555; line-height: 1.6; margin-bottom: 35px; }
.pdc-result-cta {
    display: inline-block;
    background-color: #D35400;
    color: black !important;
    padding: 18px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    box-shadow: 0 8px 20px rgba(211, 84, 0, 0.4);
    transition: all 0.3s ease;
}
.pdc-result-cta:hover { transform: translateY(-3px); background-color: #e67e22; color: white!important;}


.hidden { display: none !important; }
@keyframes popIn { 0% { opacity: 0; transform: scale(0.9); } 100% { opacity: 1; transform: scale(1); } }/* End custom CSS */