/*=====================================
          VARIABLES GLOBALES
======================================*/
:root{
    --font-primary:"Manrope",sans-serif;
    --font-secondary:"Inter",sans-serif;
    --container:1200px;
}
/*=====================================
              RESET
======================================*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    scroll-behavior:smooth;
}
body{
    min-height:100vh;
    font-family:var(--font-primary);
    overflow-x:hidden;
}
body.MenuOpen{
    overflow:hidden;
}
img{
    max-width:100%;
    display:block;
}
a{
    color:inherit;
    text-decoration:none;
}
button,input,textarea,select{
    font:inherit;
}
button{
    border:none;
}
ul{
    list-style:none;
}
/*=====================================
              LAYOUT
======================================*/
.Container{
    width:min(90%,var(--container));
    margin:0 auto;
}
.SectionTag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:1.8px;
}
.SectionTag::before{
    content:"";
    width:28px;
    height:2px;
    background:currentColor;
}
.SectionTitle{
    font-size:clamp(2.5rem,5vw,4.5rem);
    line-height:1.05;
    letter-spacing:-2px;
}
.SectionDescription{
    font-size:1rem;
    line-height:1.8;
}
/*=====================================
              BUTTONS
======================================*/
.Btn{
    min-height:54px;
    padding:0 26px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    border-radius:14px;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.7px;
    cursor:pointer;
    transition:transform .3s ease,background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.Btn:hover{
    transform:translateY(-3px);
}