@charset "utf-8";

/* =========================
   VARIABLES
========================= */

:root{

    --azul-principal:#004c97;
    --verde:#007377;
    --azul-oscuro:#002855;
    --gris:#d0d3d4;

    --texto:#3f3f3f;
    --blanco:#ffffff;

    --font-main:"Montserrat", sans-serif;

    --header-height:120px;
    --menu-height:3rem;

    --max-width:1200px;

    --shadow:
        0 4px 14px rgba(0,0,0,.08);

    --radius:12px;
}

/* =========================
   RESET MODERNO
========================= */

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

html,
body{
    min-height:100%;
}

body{
    margin:0;

    font-family:var(--font-main);
    color:var(--texto);

    background:#fff;

    display:flex;
    flex-direction:column;
}
 
/* =========================
   TIPOGRAFIA
========================= */

h1,h2,h3,h4,h5,h6{
    margin:0;
    line-height:1.2;
    color:var(--azul-oscuro);
}

p{
    margin:0 0 1rem;
    line-height:1.7;
}

a{
    text-decoration:none;
    color:var(--azul-principal);
    transition:.2s ease;
}

a:hover{
    opacity:.9;
}

img{
    max-width:100%;
    display:block;
}

/* =========================
   LAYOUT BASE
========================= */

.app{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

main{
    flex:1;
}

.content{
    width:min(92%, var(--max-width));
    margin:auto;
}

/* =========================
   UTILIDADES
========================= */

.container{
    width:min(92%, var(--max-width));
    margin:auto;
}

.section{
    padding:4rem 0;
}

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