html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    background-image: url('../Media/ARTE_ENCUESTAS.JPG');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed; /* Importante para dispositivos móviles */
    margin: 0;
    padding: 0;
    min-height: 100vh;
    position: relative;
    z-index: 1; /* Capa inferior */
}

@media (max-width: 768px) {
    .body {
        background-image: url('../Media/ARTE_ENCUESTAS.JPG');
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0;
        height: 100vh;
    }
    .advertencia {
        color: red;
        margin-bottom: 15px;
        position: relative;
        top: -1.5rem;
    }
}
.advertencia {
    color: red;
    margin-bottom: 15px;
    position: relative;
    top: 0.2rem;
}

#rbtngrp_22 {
    color: green;
    margin-bottom: 15px;
    position: relative;
    top: -1.5rem;
}

.toast:not(.showing):not(.show) {
    display: none !important;
}

html, body {
    font-size: 14px;
    font-weight: bold;
    font-family: 'GandhiSans-Regular';


}

.ColorContent {
    background-color: #5f177d !important;
    color: #ffffff;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.TamañoLetraTitulo {
    font-size: 14px !important;
    font-family: 'GandhiSans-Regular';
    /*font-family: 'GandhiSans-Regular','Sans Serif Collection';
    font-weight: bold;
    letter-spacing: 0.5px; Ajusta este valor que se necesite */
}


.TamañoSubituloLetraPequeñas {
    font-size: 9px !important;
    font-family: 'GandhiSans-Regular';
    /*font-weight: bold;*/
}


.TamañoSubituloLetraPequeñasBold {
    font-size: 9px !important;
    font-family: 'GandhiSans-Regular';
    /*font-weight: bold;*/
}

.colorUrl {
    color: #f5eb32 !important;
    /*font-size: 13.5px !important;*/
    font-family: 'GandhiSans-Regular';
    /*font-weight: bold;*/
}
.linea {
    border-top: 1px solid black;
    height: 2px;
    max-width: auto;
    margin: 15px auto 15px auto;
    background-color:white;
}
.MostrarSiempre {
    display:block !important;
    /*width:250px;
    height:50px;*/
}
.MostrarNunca {
    display: none !important;
}

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 100%;
}

.EfectoHover:hover {
    color: #701484 !important;
}

.EfectoHover {
    color: white !important;
}

.ContentHeaderToast {
    width: 20em;
    text-align-last: center;
}

.ContentMargin {
    margin-top: 1em;
}

.contentToast {
    z-index: 9998;
    position: fixed;
    top: 64%;
    right: 0;
    width: 27em;
}

.ContentCuadroAlerta {
    width: 1.5em;
    height: 1.5em;
}

.headerColor {
    background-color: #FFF700;
}

.TamanoHeader {
    height: 4em;
}

.AlineamientoHeeaderLeft {
    text-align: end;
    font-size: 14px;
}

.AlineamientoHeader {
    text-align: -webkit-center;
}

.footerLogin {
    bottom: 0;
    color: #707070;
    height: 2em;
    left: 0;
    position: fixed;
    font-size: small;
    width: 100%;
    background-color: #f5f5f5;
    text-align: center;
}

.contenedorabsoluto {
    width: 90%;
    height: 65%;
    position: absolute;
    margin-left: 8%;
    margin-top: 1%;
}

.toast:not(.showing):not(.show) {
    display: none !important;
}


.CuadroAlertaAdvertencia {
    background: yellow;
}

.CuadroAlertaSuccess {
    background: green;
}

.CuadroAlertaError {
    background: red;
}

/*-------------------------------------------------Loading----------------------------------------*/
.loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: 1s all;
    opacity: 0.8;
}

.CheckTransition {
    transition-property: all 4s;
}

.ActivarChecks {
    display: block;
}

.DesactivarChecks {
    display: none;
}

.loading .spin {
    border: 3px solid hsla(185, 100%, 62%, 0.2);
    border-top-color: #3cefff;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.modal-content-inicio {
    position: relative;
    display: flex;
    flex-direction: column;
    width: auto;
    pointer-events: auto !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}

/*-------------------------------------------------Loading----------------------------------------*/

/* Prueba de cambio global */
body #frmEncuesta label:not(.error),
body #frmEncuesta .h5 {
    font-size: 13px !important; /* Tamaño de prueba */
    
}