/*=========================================
BASES
=========================================*/

.bases{

    max-width:1150px;

    margin:35px auto;

}

/*=========================================
ENCABEZADO
=========================================*/

.bases-header{

    background:#2E7D32;

    color:#FFF;

    border-radius:10px;

    padding:30px;

    text-align:center;

    box-shadow:0 8px 18px rgba(0,0,0,.10);

}

.bases-header h1{

    margin:0;

    font-size:42px;

}

.bases-header p{

    margin-top:10px;

    font-size:20px;

}

/*=========================================
CUERPO
=========================================*/

.bases-body{

    margin-top:30px;

}

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

.card{

    background:#FFF;

    border-radius:12px;

    padding:35px;

    margin-bottom:25px;

    box-shadow:0 6px 16px rgba(0,0,0,.08);

}

.card h2{

    color:#B22222;

    margin-bottom:20px;

}

.card p{

    line-height:1.9;

    text-align:justify;

    font-size:18px;

}
.datos-grid{

    display:grid;

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

    gap:25px;

    margin-top:30px;

}

.dato{

    text-align:center;

    background:#F7F8FA;

    padding:25px;

    border-radius:12px;

}

.icono{

    font-size:42px;

    margin-bottom:12px;

}
@media(max-width:900px){

.card{

    padding:25px;

}

.card p{

    font-size:17px;

}

.bases-header h1{

    font-size:34px;

}

}