/* =====================================================
   INDEX - AJUSTES VISUALES
===================================================== */

/* evita imágenes gigantes */
.card img{
    width: 100%;
    max-height: 220px;
    object-fit: cover;
    border-radius: 8px;
}

/* contenedor de proyectos */
.card{
    max-width: 100%;
    margin: 20px auto;
}

/* =====================================================
   SECCIÓN PROYECTOS (GRID VISUAL MÁS LIMPIO)
===================================================== */

section .card{
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
    transition: 0.3s;
}

section .card:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(0,0,0,0.18);
}

/* =====================================================
   GALERÍA INTERNA DE PROYECTOS
===================================================== */

.galeria-proyecto{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}

.galeria-proyecto img{
    width: 140px;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
}

/* =====================================================
   ASESORES (MEJOR AJUSTE VISUAL)
===================================================== */

.card-asesor{
    transition: 0.3s;
}

.card-asesor:hover{
    transform: scale(1.05);
}

/* =====================================================
   BOTONES INDEX (EVITAR QUE SE VEAN FEOS)
===================================================== */

section a{
    transition: 0.3s;
}

section a:hover{
    transform: translateY(-3px);
}