/* ==================================
   Equipo CTA 
================================== */

.equipo-cta img{

    border-radius:18px; /* redondea las esquinas de la foto */
    object-fit:cover;

  
}



.equipo-cta{
    padding:40px 20px;
}


.titulo-equipo{
    text-align:center;
    margin-bottom:35px;
}


.titulo-equipo h2{
    color:#003b70;
    font-size:32px;
    margin-bottom:8px;
}


.titulo-equipo p{
    color:#666;
}


/* Contenedor */

.lista-equipo{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;

}


/* Persona */

.persona-equipo{

    display:flex;

    align-items:center;

    background:linear-gradient(135deg,#ffffff,#f3f7fb);

    border-radius:16px;

    padding:20px;

    border-left:6px solid #b0bec5;

    box-shadow:0 6px 18px rgba(0,0,0,.12);

    transition:.3s;

}

.persona-equipo:hover{

    transform:translateY(-5px);

}


/* Imagen mantiene proporción */

.persona-equipo img{

    width:125px;

    height:180px;

    object-fit:cover;

    margin-right:25px;

}


/* Información */

.datos-equipo{

    flex:1;

}


.datos-equipo h3{

    color:#003b70;

    font-size:18px;

    margin-bottom:12px;

    line-height:1.3;

}


.datos-equipo p{

    color:#555;

    font-size:15px;

    margin:0;

}


/* ==================================
   Personal destacado
================================== */


/* Eduardo - Principal */
.persona-equipo.destacado{

    grid-column:1 / 3;

    width:75%;

    margin:auto;

    padding:30px;

}


.persona-equipo.destacado img{

    width:150px;

    height:210px;

}



/* Sergio - Segundo nivel */
.persona-equipo.segundo{

    grid-column:1 / 3;

    width:65%;

    margin:auto;

    padding:25px;

}


.persona-equipo.segundo img{

    width:125px;

    height:180px;

}



/* Responsive */

@media(max-width:900px){

    .persona-equipo.destacado,
    .persona-equipo.segundo{

        grid-column:auto;

        width:auto;

    }

}


/* Tablet */

@media(max-width:900px){

.lista-equipo{

grid-template-columns:1fr;

}

}


/* Celular */

@media(max-width:600px){

.persona-equipo{

flex-direction:column;

text-align:center;

}


.persona-equipo img{

margin-right:0;

margin-bottom:15px;

}

}