/* Fonts */

/* Familia font Futura Std */

@font-face {
    font-family: "Futura Std Medium";
    src: url("assets/fonts/FuturaStdMedium/Futura StdMedium.otf");
}

/* Familia font Mont */

/* Incluida en la carpeta de la familia está el especimen muestra para guía futura de uso de fonts.

Están el resto de fonts también en la carpeta en caso de futuro uso.*/

@font-face {
    font-family: "Mont Thin";
    src: url("assets/fonts/Mont/Mont-Thin.otf");
}

@font-face {
    font-family: "Mont Light";
    src: url("assets/fonts/Mont/Mont-Light.otf");
}

@font-face {
    font-family: "Mont Regular";
    src: url("assets/fonts/Mont/Mont-Regular.otf");
}

@font-face {
    font-family: "Mont SemiBold";
    src: url("assets/fonts/Mont/Mont-SemiBold.otf");
}

@font-face {
    font-family: "Mont Bold";
    src: url("assets/fonts/Mont/Mont-Bold.otf");
}

@font-face {
    font-family: "Mont Heavy";
    src: url("assets/fonts/Mont/Mont-Heavy.otf");
}


/* Estilizado general */

*{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Mont Heavy";
}

html,body{
    height: 100%;
    width: 100%;
    /* 1 rem = 10px */
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body{
    overflow-x: hidden;
}

a{
    color: #000;
    text-decoration: none;
}
a:visited{
    color: #000;
}

img{
    max-height: 100%;
    max-width: 100%;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Estilizado específico */

/* Estilizado del header-nav */

#container-header{
    height: 10vh;
    width: 100%;
    display: flex;
    position: fixed;
    justify-content: space-evenly;
    align-items: center;
    transition: top .5s ease-in-out .15s;
    z-index: 1;
}

#header-img{
    height: 85%;
    width: auto;
    cursor: pointer;
}

#container-nav{
    height: 100%;
    width: 80%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2.5%;
}

.nav-anchor{
    font-size: 1.5rem;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}


/* Estilizado del main */

#container-main{
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#container-main-text{
    height: 100%;
    width: 45%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.text{
    padding-top: 2.5rem;
}

.heading{
    font-size: 5.75rem;
    line-height: 5.5rem;
    letter-spacing: -.35rem;
}

.paragraph{
    width: 70%;
    font-family: "Futura Std Medium";
    font-size: 2.75rem;
}

#img-hero{
    width: auto;
    height: 100%;
    image-rendering: auto;
}

/* Estilizado de artículos*/

.article{
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: row;
}

/* Estilizado del primer artículo */

#container-article{
    justify-content: flex-end;
    align-items: center;
    background-color: #FBFBFB;
}

#container-first-art-text{
    height: 100%;
    width: 45%;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#first-art-img{
    height: 100%;
    width: auto;
}

/* Estilizado del segundo artículo */

#container-second-art{
    height: 200vh;
    flex-direction: row-reverse;
    justify-content: space-around;
    align-items: flex-start;
    padding: 30vh 0;
    background-color: #FBFBFB;
}

#container-sec-text{
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.second-text-card{
    height: 25%;
    width: 100%;
}

.second-art-heading:hover{
    color: #ED4136;
    transition: all 225ms ease-in-out;
}

#second-art-img{
    height: 35%;
    width: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 35%;
    transition: all .25s ease-in-out;
}

#second-art-img:hover{
    transform: scale(1.2);
}

/* Estilizado del tercer artículo */

#container-third-art{
    height: 120vh;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    background: linear-gradient(#FBFBFB,#c5c5c5);
}

#container-third-art-text{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.third-art-heading{
    font-size: 3.8rem;
    letter-spacing: 0rem;
}

.third-art-paragraph{
    width: 50%;
    font-family: "Mont Bold";
    font-size: 2rem;
    text-align: center;
}

#container-third-art-info{
    height: 70%;
    width: 100%;
    display: flex;
    margin-bottom: 5%;
}

.third-art-sect-info{
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#third-art-frame{
    height: 95%;
    width: 90%;
    margin: auto;
    border: 0;
    border-radius: 5% 5%;
}

.third-art-sect-heading{
    font-size: 3.5rem;
    letter-spacing: 0rem;
}

.third-art-sect-paragraph{
    width: 75%;
    margin: 1% 0;
    font-size: 2.5rem;
}

/* selector para ganarle a la especificidad del estilizado general de a tags */
.third-art-sect-info .third-art-sect-anchor{
    color: #ED4136;
    transition: all 250ms ease-in-out;
} 
.third-art-sect-anchor:hover{
    color: #ff1100;
}

/* Estilizado del footer */

#container-footer{
    height: 25vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #BA1319;
    /* background: #F7493B; */
}

.section-footer{
    height: 100%;
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section-footer:nth-child(1){
    align-items: flex-start;
}

#footer-span-copyright{
    margin-top: 1.5rem;
    color: #FFF;
    font-family: "Mont Regular";
    font-size: 1.55rem;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#footer-img{
    height: auto;
    width: 70%;
    image-rendering: auto;
}

.footer-text {
    color: #fff;
    margin: 1% 0;
    font-family: "Futura Std Medium";
    font-size: 2rem;
}

.footer-anchor{
    font-family: "Mont Bold";
    transition: all 250ms ease-out;
}
.footer-anchor:hover{
    color: #fff;
}

.footer-media{
    cursor: pointer;
}

#footer-img-logo{
    height: 85%;
    width: auto;
    filter: opacity(.4);
}

#boton-inscripcion {
  position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #ff0000; /* Rojo intenso */
    color: white; /* Texto blanco */
    padding: 15px 30px;
    border: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, transform 0.2s ease;
    z-index: 1000;
}

#boton-inscripcion:hover {
    background-color: #cc0000; /* Rojo más oscuro */
    transform: scale(1.1); /* Aumenta ligeramente el tamaño al pasar el mouse */
}