/* =====================================================
   TERMINOS Y CONDICIONES - BASE
===================================================== */

.terminos-page{
background:#ffffff;
font-family:'Poppins', sans-serif;
}


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

.terminos-container{
width:90%;
max-width:900px;
margin:0 auto;
padding:35px 0;
}


/* =====================================================
   HERO
===================================================== */

.terminos-hero{
text-align:center;
padding-top:40px;
padding-bottom:10px;
}

.terminos-hero h1{
font-size:48px;
font-weight:800;
color:#000000;
margin-bottom:10px;
}

.terminos-update{
font-size:16px;
color:#666666;
margin-bottom:10px;
}

.terminos-brand{
font-size:18px;
font-weight:500;
color:#002e57;
}


/* =====================================================
   CONTENIDO
===================================================== */

.terminos-content{
background:#ffffff;
}


/* TITULOS DE SECCION */

.terminos-content h2{
font-size:26px;
font-weight:700;
color:#000000;
margin-top:30px;
margin-bottom:15px;
}


/* PARRAFOS */

.terminos-content p{
font-size:17px;
line-height:1.8;
color:#444444;
margin-bottom:18px;
}


/* LISTAS */

.terminos-content ul{
padding-left:22px;
margin-bottom:20px;
}

.terminos-content li{
font-size:17px;
color:#444444;
line-height:1.7;
margin-bottom:10px;
}


/* NEGRITAS */

.terminos-content strong{
color:#000000;
font-weight:600;
}


/* =====================================================
   SEPARACION ENTRE BLOQUES
===================================================== */

.terminos-content h2:first-of-type{
margin-top:30px;
}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width:900px){

.terminos-hero h1{
font-size:38px;
}

.terminos-container{
padding:60px 0;
}

.terminos-content h2{
font-size:22px;
}

.terminos-content p,
.terminos-content li{
font-size:16px;
}

}

/* =====================================================
   FIRMA LEGAL FINAL
===================================================== */

.terminos-firma{
margin-top:50px;
font-size:18px;
font-weight:600;
color:#000000;
text-align:center;
}