/*-----------Barra de navegación--------------------------*/
.BestiHead{display: flex;
justify-content: center;
font-size: 60px;
margin-top: 15%}




/* ===============================
    BESTIARIO - CONTENIDO GENERAL
   =============================== */

/* Fondo y contenedor del texto */
.contenido_bg {
background-color: rgba(0, 0, 0, 0.65);
padding: 2rem;
border-radius: 12px;
max-width: 800px;
margin: 2rem auto;
}

/* Titulos (Rol, Descripción, Dominio) */
.contenido_bg h2 {
color: #e6e6e6;
font-size: 1.6rem;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
text-transform: uppercase;
letter-spacing: 1px;
}

/* Texto normal */
.contenido_bg p {
color: #cccccc;
font-size: 1.1rem;
line-height: 1.6;
margin-bottom: 1rem;
}

/* Sombra para mejorar lectura */
.contenido_bg h2,
.contenido_bg p {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

/* ===============================
    IMAGEN Y TITULO PRINCIPAL
   =============================== */

.imagenes_bg h1 {
color: #ffffff;
text-align: center;
font-size: 2.5rem;
margin-bottom: 1rem;
text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9);
}

.imagenes_bg img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}

/*------ bloques de imagen--------*/


.bodybest{background-color: rgba(60, 60, 60, 0.33);
padding: 10%;
border-radius: 8px;
margin: 2% 0;}

.contbestvisual{width: 75%;
justify-self: center;
display: flex;
justify-content: center;}

.bestabla{display: grid;
grid-template-columns: repeat(8, 1fr);
padding: 2%;
border-top: solid 2px rgba(190, 190, 190, 0.6);}

.minibet{height: 100%;
    width: 100%;}

.tablock{display: flex;
flex-direction: column;
margin: 2% 1%;
text-align: center;
padding: 2px;
background-color: rgba(60, 60, 60, 0.33);
border-radius: 6px;}

.minbetit{min-height: 44px;
margin: 4px;
border-bottom: solid 1px rgba(190, 190, 190, 0.6);
align-items: center;}