@font-face {
    font-family: 'SuisseIntl-Light';
    src: url('../Tipografias/SuisseIntl-Light.ttf') format('truetype');
    font-weight: 300; /* Ligera */
    font-style: normal;
}

@font-face {
    font-family: 'SequelSansRomanBody';
    src: url('../Tipografias/Sequel Sans Roman Body.otf') format('opentype'), url('../Tipografias/Sequel Sans Roman Body.ttf') format('truetype');
    font-weight: normal; /* Peso estándar */
    font-style: normal;
}
html {
    scroll-behavior: smooth;
}
textarea:focus, input:focus {
    outline: none !important;
}
*:focus {
    outline: none !important;
    
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.OverFlowHidden {overflow:hidden !important;}
button {
    outline: none;
}
a, a:hover, a:focus, a:active {
    text-decoration: none;
    color: inherit;
}

.Sequel_Sans {
    font-family: 'SequelSansRomanBody', sans-serif;
}
.Suisse_Intl {
    font-family: 'SuisseIntl-Light', sans-serif;
}


.Bold {
    font-weight:bold;
}
.Black {
    font-weight: 900;
}
.Normal {
    font-weight:normal;
}
.Medium {
    font-weight: 500;
}
.SemiBold {
    font-weight:600;
}
.Italic {
font-style:italic;
}
/*Colores de fondo*/
.FondoAzul {
    background-color: #2d5eab;
}
.FondoAzulOscuro {
    background-color: #282749;
}
.FondoGrisCeleste {
    background-color: #bdcad2;
}
.FondoVerdeOscuro {
    background-color: #004a48;
}
.FondoVerdeClaro {
    background-color: #ebff8c;
}
.VerdeClaro {
    color: #ebff8c !important;
}
.Texto_Blanco {
    color: #f2f2f2 !important;
}

.Contenedor_General {
    height: 100%; /* Asegura que todo ocupa el 100% del viewport */
}

/* Secciones fijas */
#Header, #Footer {
    width: 100%;
    z-index: 1000; /* Asegura que estén encima del Body */
    overflow: hidden; /* Evita que su contenido sobresalga */
}

/* Header fijo arriba */
#Header {
    top: 0;
}

/* Footer fijo abajo */
#Footer {
    bottom: 0;
}

/* Body dinámico */

/* Imagen de fondo del Body */
.FondoSitio {
    background-image: url('../images/Fondo_Sitio.webp'); /* Ruta de la imagen */
    background-size: cover;
    background-position: 0% 80%;
    background-repeat: no-repeat;
    width: 100%; /* Asegura que ocupa todo el ancho */
    height: 100%; /* Ocupa todo el alto del contenedor */
    animation: zoomEffect 20s infinite; /* Aplica la animación */
}
.Icono_Redes {
    max-width:50px;
}
/*Tamaños Tipografias*/
.Titulos {
    font-size: 80px;
    line-height: 94px;
}
.Numero_Mas {
    font-size: 70px;
    line-height: 70px;
}
.SubTitulos {
    font-size: 18px;
    line-height: 34px;
    letter-spacing: 3px;
}
.TextoContenidoGrande {
    font-size: 20px;
    line-height: 20px;
}
.TextoContenido {
    font-size: 18px;
    line-height: 30px;
}

/*Colores textos*/
.TextoNegro {
    color: #191919;
}
.TextoBlanco {
    color: #ffffff;
}
.TextoAzul {
    color: #2d5eab;
}
.TextoAzulOscuro {
    color: #282749;
}

.TextoNaranja {
    color: #ef7922;
}
.TextoGrisOscuro {
    color: #444545;
}
.TextoRojo {
    color: #ff3313;
}
.TextoVerMas:hover {
    text-decoration:underline;
}

.LogoHeader {
    max-height: 60px;
}
.Logo_Header {
    max-height:120px !important;
}

@keyframes zoomEffect {
    0%, 100% {
        background-size: 100%; /* Estado inicial y final sin zoom */
    }

    50% {
        background-size: 110%; /* Aumenta el zoom en el punto medio */
    }
}
.BtnVerde {
    padding: 10px 30px;
    background-color: #004a48;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 22px;
    box-shadow: none;
    text-decoration: none;
    cursor: pointer;
    z-index: 99999 !important;
    border: solid 2px #004a48;
    border-radius: 50px;
    transition-property: background-color, color;
    transition-duration: 2s;
    transition-timing-function: ease-out;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 2s;
}

    .BtnVerde:hover, .BtnVerde:active, .BtnVerde:focus {
        background-color: #ebff8c;
        color: #004a48;
        box-shadow: none;
        text-decoration: none;
        border: solid 2px #ebff8c;
        transition-property: background-color, color;
        transition-duration: 2s;
        transition-timing-function: ease-out;
        -webkit-transition-property: background-color, color;
        -webkit-transition-duration: 1s;
        -o-transition-property: background-color, color;
        -o-transition-duration: 2s;
        outline: none !important;
        outline-style: none !important;
    }


.InputContacto {
    background-color: #f2f2f2;
    padding: 12px !important;
    border-radius: 5px !important;
    border: solid 0px !important;
}
    .InputContacto:focus {
        background-color: #f2f2f2;
        border: solid 0px !important;
    }



@media (max-width: 1440px) {
    
}
@media (max-width: 1280px) {

    .Logo_Header {
        max-height: 90px !important;
    }     
}
@media (max-width: 1190px) {
    
}

@media (max-width: 992px) {
    
}
@media (max-width: 850px) {

}
@media (max-width: 768px) {

.TextoMenuHeader {
        font-size: 16px;
        line-height: 20px;
    }
    .Logo_Header {
        max-height: 80px !important;
    }
    .FondoSitio {
        animation: unset; /* Aplica la animación */
    }
    .Icono_Redes {
        max-width: 40px;
    }
           
}
@media (max-width: 500px) {
    .Titulos {
        font-size: 40px;
        line-height: 42px;
    }

.SubTitulos {
        font-size: 20px;
        line-height: 30px;
    }
    .TextoContenido {
        font-size: 14px;
        line-height: 22px;
    }

}
@media (max-width: 411px) {
    .Titulos {
        font-size: 20px;
        line-height: 26px;
    }
}