/*==========================
BANNER
===========================*/

.banner-pagina{

background:linear-gradient(135deg,#003366,#005d9c);

padding:70px 20px;

color:white;

text-align:center;

}

.banner-pagina h1{

font-size:42px;

margin-bottom:15px;

}

.banner-pagina p{

font-size:18px;

opacity:.9;

}

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

.contenido-pagina{

padding:70px 0;

background:#f5f7fb;

}

/*==========================
GRID
===========================*/

.tarjetas-documentos{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

gap:35px;

}

/*==========================
TARJETAS
===========================*/

.documento{

background:white;

border-radius:18px;

padding:40px 30px;

text-align:center;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.35s;

}

.documento:hover{

transform:translateY(-12px);

}

.icono-documento{

font-size:70px;

color:#005d9c;

margin-bottom:25px;

}

.documento h2{

color:#003366;

margin-bottom:20px;

}

.documento p{

line-height:1.8;

margin-bottom:30px;

color:#555;

}

/*==========================
BOTÓN
===========================*/

.btn-documento{

display:inline-block;

padding:14px 35px;

background:#005d9c;

color:white;

text-decoration:none;

border-radius:8px;

font-weight:600;

transition:.3s;

}

.btn-documento:hover{

background:#003366;

}