<style>
:root {
    color-scheme: light only;
}
html,body {
    font-family: 'Roobert ENEL';
    height: 100%;
    background-color: #16bae7;
}
#Logo{
    z-index: 9;
}
.h-15{
    height: 15%;
}
.h-35{
    height: 35%;
}
[data-pregunta="0"] {
    background: url(https://image.digital.endesaclientes.com/lib/fe341570756405757c1478/m/1/d34fcadd-f78b-48c8-8791-4ba94d7ab784.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
[data-pregunta="1"] {
    background: url(https://image.digital.endesaclientes.com/lib/fe341570756405757c1478/m/1/3a095b3e-c013-48fb-9dc9-2852dc656976.png) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
[data-pregunta="2"] {
    background: url(https://image.digital.endesaclientes.com/lib/fe341570756405757c1478/m/1/e909c083-e42b-4f1e-950e-751c7293d290.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
[data-pregunta="3"]{
    background: url(https://image.digital.endesaclientes.com/lib/fe341570756405757c1478/m/1/fd917507-c0f4-44c1-8c46-728c0f427978.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
[data-pregunta="4"]{
    background: url(https://image.digital.endesaclientes.com/lib/fe341570756405757c1478/m/1/219105cd-e8d8-48eb-99e4-d6b1546385cd.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
[data-pregunta="5"] {
    background: url(https://image.digital.endesaclientes.com/lib/fe341570756405757c1478/m/1/8a24b915-f7aa-4e21-9a09-5458ff9c9e5b.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}
[data-pregunta="respuesta"] {
    background: url(https://image.digital.endesaclientes.com/lib/fe341570756405757c1478/m/1/c7c09a8a-998c-4ece-b2bc-2b589da267de.png) no-repeat center center;
    -webkit-background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: cover;
}
.c_ffffff{
    color: #ffffff!important;
}
.c_2db5f6{
    color: #2db5f6!important;
}

.c_000000{
    color: #000000;
}
.bg_d83360{
    background-color: #d83360!important;
}
.btn_endesa{
    background-color: #fff!important;
   color:#16bae7!important;
   font-weight: bold;
   font-size: 1.3rem;
   padding-left: 1.5rem;
   padding-right: 1.5rem;
   min-height: 3.5rem;
   width: 17rem;
   -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
    border: 0px solid transparent;
}
.bg_trasparent_btn{
    background-color: rgba(256,256,256,0.80)!important;
}
.btn_descarga{
    background-color: #ff0f64!important;
    color:#fff!important;
    font-weight: bold;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
     -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
     box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
     border: 0;
 }
 .font-size-btn-formulario{
    font-size: 1.5rem;
 }
.disabled{
    pointer-events: none;
}
[data-respuesta="true"].disabled{
    border: 2px solid #02e31c;
    /*color:#02e31c!important*/;
    background-color: rgba(256, 256, 256,1)!important;
    opacity: 1!important;
}
[data-respuesta="false"].disabled{
    border: 2px solid #ff0000;
    /*background-color: transparent!important;*/
    color:#ff0000!important;
    background-color: rgba(256, 256, 256,1)!important;
    opacity: 1!important;
}
[data-respuesta="true"].disabledOk{
    background-color: rgba(255, 0, 125,1)!important;
    color:#ffffff!important;
    opacity: 1!important;
}
.title{
    font-size: 3rem;
}
.subtitle{
    font-size: 1.5rem;
}
.titleInterior{
    font-size: 2rem;
}
#Respuesta{
    font-size: 1.65rem;
}
.input_endesa{
    background-color: #b0e7f7!important;
    color:#0152e8!important;
}
.legal{
    font-size: 0.7rem;
}
  .title_respuesta{
    font-size: 2.5rem;
}
@media (prefers-color-scheme: dark) {
    img {
        filter: none !important; /* Remueve cualquier filtro aplicado en modo oscuro */
    }
    [data-respuesta="true"].disabled{
        border: 2px solid #02e31c;
        /*color:#02e31c!important*/;
        background-color: rgba(256, 256, 256,1)!important;
        opacity: 1!important;
    }
    [data-respuesta="false"].disabled{
        border: 2px solid #ff0000;
        /*background-color: transparent!important;*/
        color:#ff0000!important;
        background-color: rgba(256, 256, 256,1)!important;
        opacity: 1!important;
    }
    [data-respuesta="true"].disabledOk{
        background-color: rgba(255, 0, 125,1)!important;
        color:#ffffff!important;
        opacity: 1!important;
    }
    .btn_endesa{
        background-color: #fff!important;
       color:#16bae7!important;
       font-weight: bold;
       font-size: 1.3rem;
       padding-left: 1.5rem;
       padding-right: 1.5rem;
       min-height: 3.5rem;
       width: 17rem;
       -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
        box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25);
        border: 0px solid transparent;
    }
    .input_endesa{
        background-color: #b0e7f7!important;
        color:#0152e8!important;
    }
}
  </style>