/* =====================================================
   ESTILOS PARA comunidad.php
   ===================================================== */

/* columnas completas para personal */

.panel[data-index="1"] .col-md-6,
.panel[data-index="2"] .col-md-6{
flex:0 0 100% !important;
max-width:100% !important;
}


/* =====================================================
   TARJETA DE PROFESOR
   ===================================================== */

#fh5co-staff .staff{
background:#ffffff;
border-radius:10px;
padding:25px;
margin-bottom:35px;
box-shadow:0 5px 15px rgba(0,0,0,0.08);
transition:all .3s ease;
}

/* efecto elegante */

#fh5co-staff .staff:hover{
transform:translateY(-5px);
box-shadow:0 12px 30px rgba(0,0,0,0.15);
}


/* =====================================================
   FILA FOTO + TEXTO
   ===================================================== */

.staff-row{
display:flex;
align-items:flex-start;
gap:35px;          /* ESPACIO ENTRE FOTO Y TEXTO */
text-align:left;
}


/* =====================================================
   FOTO PROFESOR
   ===================================================== */

.staff-photo{
flex:0 0 140px;
}

.staff-img{
width:140px;
height:140px;
border-radius:50%;
background-size:cover;
background-position:center;
border:4px solid #f2f2f2;
flex-shrink:0;
}


/* =====================================================
   TEXTO PROFESOR
   ===================================================== */

.staff-info{
flex:1;
}

#fh5co-staff .staff h3{
font-size:20px;
margin-top:0;
margin-bottom:10px;
font-weight:600;
}

#fh5co-staff .staff h4{
margin-top:15px;
font-size:16px;
font-weight:600;
color:#2c3e50;
}

#fh5co-staff .staff p{
text-align:justify;
font-size:15px;
line-height:1.6;
margin-bottom:10px;
}

#fh5co-staff strong{
color:#000;
}