/* ═══════════════════════════════════════════════
   CUNSECURITY ACADEMY — nosotros.css
   Importa la base de index.css y añade estilos específicos
═══════════════════════════════════════════════ */

/* Importamos la base para no repetir código */
@import url('index.css');

/* Estilos exclusivos para la página Nosotros */
.about-grid { 
    display: grid; 
    grid-template-columns: 1fr 400px; 
    gap: 4rem; 
    align-items: start; 
    margin-top: 3rem; 
}

.about-photo { 
    border-radius: 24px; 
    overflow: hidden; 
    box-shadow: 0 20px 40px rgba(0,0,0,0.1); 
    background: var(--surface-2); 
}

.about-photo img { 
    width: 100%; 
    display: block; 
    object-fit: cover; 
    aspect-ratio: 4/5; 
}

/* Responsive para que en móviles el grid se rompa correctamente */
@media (max-width: 900px) { 
    .about-grid { 
        grid-template-columns: 1fr; 
        gap: 2rem; 
    } 
    .about-photo { 
        max-width: 500px; 
        margin: 0 auto; 
    } 
}