.elementor-1397 .elementor-element.elementor-element-d8d627f{--display:flex;--min-height:0vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1397 .elementor-element.elementor-element-b0bb0af{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:190px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-1397 .elementor-element.elementor-element-b0bb0af:not(.elementor-motion-effects-element-type-background), .elementor-1397 .elementor-element.elementor-element-b0bb0af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carrots.io/wp-content/uploads/2026/03/6171d65e852ca246dc88be960436ad7dad734c3c.gif");background-position:center center;background-size:cover;}.elementor-1397 .elementor-element.elementor-element-7788e7a{background-color:var( --e-global-color-secondary );margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 30px 30px 30px;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-1397 .elementor-element.elementor-element-7788e7a .elementor-heading-title{font-size:6vw;color:var( --e-global-color-primary );}.elementor-1397 .elementor-element.elementor-element-4801385{--display:flex;--border-radius:10px 10px 10px 10px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1397 .elementor-element.elementor-element-4801385:not(.elementor-motion-effects-element-type-background), .elementor-1397 .elementor-element.elementor-element-4801385 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1397 .elementor-element.elementor-element-37013ab{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:20px;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-20px;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1397 .elementor-element.elementor-element-37013ab .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-1397 .elementor-element.elementor-element-37013ab .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-1397 .elementor-element.elementor-element-37013ab .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group > label, .elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-subgroup label{color:var( --e-global-color-primary );}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group > label{font-size:1.3vw;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-type-html{font-size:1.3vw;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group .elementor-field{color:var( --e-global-color-primary );}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group .elementor-field, .elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-subgroup label{font-family:"Interd", Sans-serif;font-size:1vw;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-secondary );border-color:var( --e-global-color-primary );border-width:0px 0px 03px 0px;border-radius:0px 0px 0px 0px;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-secondary );border-color:var( --e-global-color-primary );border-width:0px 0px 03px 0px;border-radius:0px 0px 0px 0px;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-primary );}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-button{font-size:40px;font-weight:500;text-transform:uppercase;border-style:solid;border-width:5px 5px 5px 5px;border-radius:50px 50px 50px 50px;padding:10px 20px 10px 20px;}.elementor-1397 .elementor-element.elementor-element-37013ab .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );color:#000000;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );color:#000000;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-1397 .elementor-element.elementor-element-37013ab .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1397 .elementor-element.elementor-element-37013ab .e-form__buttons__wrapper__button-next:hover{background-color:#000000;color:#FFFFFF;border-color:#000000;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-button[type="submit"]:hover{background-color:#000000;color:#FFFFFF;border-color:#000000;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-button[type="submit"]:hover svg *{fill:#FFFFFF;}.elementor-1397 .elementor-element.elementor-element-37013ab .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(max-width:1024px){.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group > label{font-size:3vw;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-type-html{font-size:3vw;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group .elementor-field, .elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-subgroup label{font-size:3vw;}}@media(min-width:768px){.elementor-1397 .elementor-element.elementor-element-b0bb0af{--content-width:700px;}}@media(max-width:767px){.elementor-1397 .elementor-element.elementor-element-b0bb0af{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1397 .elementor-element.elementor-element-7788e7a{padding:20px 20px 20px 20px;}.elementor-1397 .elementor-element.elementor-element-7788e7a .elementor-heading-title{font-size:12vw;}.elementor-1397 .elementor-element.elementor-element-4801385{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group > label{font-size:4vw;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-type-html{font-size:4vw;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-group .elementor-field, .elementor-1397 .elementor-element.elementor-element-37013ab .elementor-field-subgroup label{font-size:4vw;}.elementor-1397 .elementor-element.elementor-element-37013ab .elementor-button{font-size:24px;}}/* Start custom CSS for html, class: .elementor-element-e53530f *//* ============================================================
   ESTRUCTURA BASE Y CONTENEDORES
   ============================================================ */
#minijuego { 
    position: relative; 
    width: 100%; 
    height: 100vh; 
    overflow: hidden; 
    color: #fff; 
}

.pantalla { 
    position: absolute; 
    inset: 0; 
    display: none; 
    background-image: var(--bg); 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    align-items: center; 
    justify-content: center; 
    flex-direction: column; 
}

.pantalla.activa { 
    display: flex; 
}

/* PANTALLA INICIAL (BLOQUES) */
.bloques-container { 
    display: flex; 
    width: 100%; 
    height: 100vh; 
}

.bloque {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 150px 60px;
    background-size: cover;
    background-position: center;
    position: relative;
    text-align: center;
    padding-top: 30vh;
}

.bloque::after { 
    content: ''; 
    position: absolute; 
    inset: 0; 
    background: rgba(0, 0, 0, 0.4); 
    z-index: 1; 
}

.bloque h5, .bloque span, .bloque button { 
    position: relative; 
    z-index: 2; 
}

/* BACKGROUNDS GIFS */
.bg-bloque-1 { background-image: url('https://carrots.io/wp-content/uploads/2026/03/dcff23ad599e5ca7edc90563c75c2c9ea411d66d.gif'); border-right: 2px solid #000; }
.bg-bloque-2 { background-image: url('https://carrots.io/wp-content/uploads/2026/03/624eb8d21201da91f40d3c25806a0569a914869d.gif'); border-right: 2px solid #000; }
.bg-bloque-3 { background-image: url('https://carrots.io/wp-content/uploads/2026/03/22fabeda8f335d6d021c5999078610abdcffb87f.gif'); }

/* ============================================================
   TIPOGRAFÍA Y TITULARES
   ============================================================ */
#minijuego h1, #minijuego h3 { 
    font-family: 'monument', sans-serif; 
    font-size: 4.8vw; 
    text-transform: uppercase; 
    color: black; 
    font-weight: 900; 
    line-height: 0.9em; 
    margin: 0; 
    max-width: 800px; 
    border-radius: 20px; 
    background: white; 
    padding: 30px; 
    position: absolute; 
    top: 80px; 
    left: 50%; 
    transform: translateX(-50%); 
    width: 100%; 
    text-align: center; 
    z-index: 2; 
}

#minijuego h5 { 
    font-family: 'monument', sans-serif; 
    font-size: 3.1vw; 
    text-transform: uppercase; 
    color: white; 
    font-weight: 900; 
    line-height: 0.9em; 
    margin-bottom: 10px; 
}

#minijuego span { 
    font-family: 'interd', sans-serif; 
    font-size: 1.2vw; 
    z-index: 2; 
}

/* REACCIONES (CENTRO) */
.pantalla-reaccion h2 { margin-top: 0 !important; }

.pantalla-reaccion .centro h2 {
    font-family: "interd" !important;
    font-size: 3vw !important;
}

.centro h2 {
    font-family: 'monument' !important;
    font-size: 4.8vw !important;
    text-transform: uppercase;
    color: white;
    -webkit-text-stroke: 2px black;
    font-weight: 900;
    line-height: 0.9em;
    text-align: center;
}

/* ============================================================
   BOTONES Y EFECTOS HOVER
   ============================================================ */
button, .cta { 
    padding: 7px 20px; 
    background: white; 
    color: #000 !important; 
    border: 2px solid white; 
    border-radius: 50px; 
    font-weight: 600; 
    cursor: pointer; 
    text-decoration: none; 
    font-family: 'interd', sans-serif; 
    font-size: 2.4vw; 
    margin-top: 30px; 
    z-index: 2; 
    transition: all 0.3s ease; 
    display: inline-block;
}
.bottom p {
    mix-blend-mode: difference;
    font-size: 24px;
}
button:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #000;
}

.centro a.cta { 
    background: black; 
    color: white !important; 
    border-color: black;
}

.centro a.cta:hover {
    background: white !important;
    color: black !important;
    border-color: white;
}

.opciones { 
    display: flex; 
    gap: 20px; 
    margin-top: 30px; 
    justify-content: center; 
    flex-wrap: wrap; 
}
button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {
    display: none;
}
/* ============================================================
   FORMULARIO Y OTROS
   ============================================================ */
.fomulairo { 
    display: none !important; 
    width: 100%; 
    min-height: 100vh; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
}

.fomulairo.visible { display: flex !important; }

.bottom { 
    position: absolute; 
    bottom: 140px; 
    width: 100%; 
    text-align: center; 
}

/* ============================================================
   MODO OSCURO (body.dark-mode)
   ============================================================ */
body.dark-mode #minijuego h1, 
body.dark-mode #minijuego h3 {
    background: #000;
    color: #fff;
}

body.dark-mode .centro h2 {
    color: #000;
    -webkit-text-stroke: 2px white;
}

body.dark-mode button {
    background: #000 !important;
    color: #fff !important;
    border-color: #fff;
}

body.dark-mode button:hover {
    background: #fff !important;
    color: #000 !important;
    border-color: #fff;
}

body.dark-mode .centro a.cta {
    background: #fff;
    color: #000 !important;
    border-color: #fff;
}

body.dark-mode .centro a.cta:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #fff;
}

body.dark-mode .bg-bloque-1, 
body.dark-mode .bg-bloque-2 {
    border-right: 2px solid #fff;
}

/* ============================================================
   RESPONSIVE OPTIMIZADO (Unificado)
   ============================================================ */
@media (max-width: 768px) {
    #minijuego { 
        height: 100dvh; 
        overflow-y: auto; 
        overflow-x: hidden; 
    }
    
    .bloques-container { 
        flex-direction: column; 
        height: auto; 
        min-height: 100dvh; 
    }
    .pantalla-reaccion .centro h2 {
    font-family: "interd" !important;
    font-size: 30px !important;
}
    .bloque { 
        padding: 40px 20px;
        min-height: 33.33dvh; 
        justify-content: center;
    }

    #minijuego h1, #minijuego h3 { 
        font-size: 24px !important; 
        top: 80px; 
        padding: 15px; 
        width: 90%; 
        border-radius: 12px;
    }

    h1.titulo-absoluto {
        display: none !important;
    }
    .bloque.bg-bloque-1 {
    padding-top: 80px !important;
}
    #minijuego h5 { font-size: 32px !important; margin: 8px 0px; }
    #minijuego span { font-size: 14px !important; }
    
    .centro h2 { 
        font-size: 42px !important; 
        padding: 0 15px;
        /* Sustitución de text-stroke por text-shadow multidireccional */
        -webkit-text-stroke: 0 transparent !important;
        text-shadow: 
            -2px -2px 0 #000,  
             2px -2px 0 #000,
            -2px  2px 0 #000,
             2px  2px 0 #000,
            -2px  0px 0 #000,
             2px  0px 0 #000,
             0px  2px 0 #000,
             0px -2px 0 #000 !important;
    }

    /* Mismo shadow para dark-mode pero en blanco */
    body.dark-mode .centro h2 {
        text-shadow: 
            -2px -2px 0 #fff,  
             2px -2px 0 #fff,
            -2px  2px 0 #fff,
             2px  2px 0 #fff,
            -2px  0px 0 #fff,
             2px  0px 0 #fff,
             0px  2px 0 #fff,
             0px -2px 0 #fff !important;
    }
    
    button, .cta {
        font-size: 16px !important;
        padding: 5px 10px;
        width: fit-content;
        max-width: 320px;
        margin-top: 20px;
    }
    
    .opciones {
        flex-direction: column;
        gap: 15px;
        align-items: center;
        width: 90vw;
        margin: 30px auto 0;
    }

    .bg-bloque-1, 
    .bg-bloque-2 {
        border-right: none;
        border-bottom: 2px solid #000;
    }

    body.dark-mode .bg-bloque-1, 
    body.dark-mode .bg-bloque-2 {
        border-right: none;
        border-bottom: 2px solid #fff;
    }

    .bottom { bottom: 20px; }
    .bottom p { font-size: 12px; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7788e7a */@media(min-width:1024px){.elementor-1397 .elementor-element.elementor-element-7788e7a .elementor-heading-title {
    font-size: 90px;
}}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-37013ab */.former svg{
    font-size: 3em;
}
.former input,.former textarea {
    padding: 10px 0px !important;
}
.former button{
    margin-top: 20px;
}
.elementor-field-subgroup {
    display: flex;
    flex-direction: row;
    border-bottom: 3px solid black;
    padding-bottom: 10px;
}
.elementor-field-subgroup span.elementor-field-option {
    max-width: fit-content;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0bb0af */body.dark-mode .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons path {
    fill: white !important;
}/* End custom CSS */
/* Start custom CSS */.elementor-location-footer{
    display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Interd';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://carrots.io/wp-content/uploads/2025/12/InterDisplay-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Interd';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://carrots.io/wp-content/uploads/2025/12/InterDisplay-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */