/* =========================================
GLOBAL
========================================= */

body{
margin:0;
font-family:'Manrope',sans-serif;
background:#0b2239;
color:#111;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}

html, body{
overflow-x:hidden;
}

.container{
  max-width:1120px;
  margin:0 auto;
  padding:0 20px;
}

.container-narrow{
width:90%;
max-width:720px;
margin:auto;
}

/* =========================================
SECTIONS
========================================= */

section{
padding:110px 0;
}

.section-white{
background:#ffffff;
}

.section-light{    
background:#f5f7fa;
padding-top:70px;
}

/* =========================================
TYPOGRAPHY
========================================= */

.section-label{
display:block;
font-size:11px;
letter-spacing:2px;
text-transform:uppercase;
color:#7b92a8;
margin-bottom:26px;
}

h2{
font-family:'Cormorant Garamond',serif;
font-size:42px;
line-height:1.25;
color:#0b2239;
margin-bottom:24px;
}

h3{
font-family:'Cormorant Garamond',serif;
font-size:28px;
margin-bottom:14px;
color:#0b2239;
}

p{
font-size:16px;
line-height:1.75;
color:#3a4b5c;
margin-bottom:18px;
}


/* =========================================
SECTION DARK — HERENCIA LIMPIA
========================================= */

.section-dark{
  background:#0b2239;
  color:#ffffff;
}

.section-dark *{
  color:inherit;
}

/* =========================================
------------- MODO CELULAR -----------------
========================================= */


@media (max-width:600px){

  html, body{
    overflow-x:hidden;
  }

}