@import 'main-navbar.css';
@import 'social-nets.css';
@import 'banner-section.css';
@import 'map-section.css';
@import 'access-section.css';
@import 'opinion-section.css';
@import 'footer.css';

:root {
    --color-primario: rgb(150, 119, 26);
    --color-primario-light: rgb(192, 167, 93);
    --color-primario-dark: rgb(136, 114, 48);
    --color-secundario: rgb(89, 89, 89);
    --color-secundario-light: rgb(140, 140, 140);
    --color-secundario-dark: rgb(73, 73, 73);
    --color-degradado: hsla(45, 77%, 40%, 0.4);
    --surface-color: hsla(45, 77%, 40%, 0.9);
    --arc-color: rgb(180, 141, 23);
    --header-color: rgb(89, 89, 89);
    --font-color: rgb(122, 122, 122);
    --text-color: rgb(191, 191, 191);
    --titulo-primario: rgb(195, 160, 35);
    --titulo-secundario: rgb(89, 89, 89);
    --titulo-light: rgb(238, 238, 238);
    --curve: 40;
    --fNormal: 1rem;
    --fTitulos: 3rem;
    --fSubtitulos: 1.5rem;
    --altoLinea: 2rem;
    --logoBlanco: url('../img/logoBlanco.webp');
    --lineaBlanca: url('../img/title-after-blanco.svg');
}

body {
    background-color: #ffffff;
    font-family: 'Montserrat Regular', sans-serif;
    font-size: var(--fNormal);
    color: var(--font-color);
}

a {
    text-decoration: none;
}


.linea {
    background-color: #8a68a5;
    height: 3px;
    width: 20%;
}

.lineaInfo {
    background-color: #E7DFD3;
    height: 3px;
    width: 15%;
    margin: 0rem 3rem 3rem;
}

/*Nos interesa tu opinion*/
.iee-headers {
    font-size: var(--fTitulos);
    line-height: 3.5rem;
    margin-top: 4rem;
    display: flex !important;
    text-transform: uppercase;
    font-weight: 600;
}


.btnIEE2 {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-box-shadow: 0 20px 30px 0 rgb(67 37 204/20%);
    box-shadow: 0 20px 30px 0 rgb(255 200 34/20%);
    color: #000;
    background: #e2ceb5;
    border: 2px solid #e2ceb5;
    padding: none;
}

.btnIEE2:hover {
    cursor: pointer;
    box-shadow: 0 20px 30px 0 rgb(126 145 142 / 38%);
    background: #56b9b4;
    color: rgb(255, 255, 255);
    border-color: #56b9b4;
}


/* ============ small devices ============ */

@media (max-width: 650px) {
    .tamaniologo {
        width: 8rem;
    }
}


@media (min-width: 321px) and (max-width: 413.95px) {
    .social-bar a {
        padding: 8px !important;
    }
}

@media (max-width: 1399px) {
    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }

    .logo {
        margin-right: 0rem;
    }
}

.appear-animation-visible {
    opacity: 1;
}

.imgFondo{
    right: 0%;
    position: absolute;
    top: 0%;
    opacity: 1;
}

.imgBanner{
    width: 30rem !important;
}

.texto-Titulo{
    background-image: url("../img/fondos/M31.jpg");
    line-height: 5rem;
}

.custom-text-background {
    background-repeat: repeat;
    background-size: 100%;
    background-position: 20% 30%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.colorLiga{
    text-align: center !important;
    color: #989068 !important;;
}


@media (max-width: 1024px) {

    .espacioLateral {
        margin-right: 5rem!important;
        margin-left: 5rem!important;
    }

    .custom-text-background {
        background-repeat: repeat;
        background-size: 100%;
        background-position: 20% 30%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

}


/* Comentarios */
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0 !important;
    border-radius: 0.25em !important;
    background: initial !important;
    border-color: #AA8413 !important;
    background-color: #AA8413 !important;
    color: #fff !important;
    font-size: 1rem !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: 0 0 0 3px #E0D7BA !important;
}

.identifier:hover{
    background: #fff1a427;
}