/**
 * Page Quiénes Somos Styles - Kenkatsu
 * Estilos específicos para la página corporativa "Quiénes Somos"
 * 
 * @package KenkatsuTheme
 * @version 1.0
 */

/* ============================================
   RESPONSIVE GRID VALORES Y TECNOLOGÍA
   ============================================ */

@media (min-width: 768px) {
    .kenkatsu-page-quienes-somos .kenkatsu-section-beige > .kenkatsu-container > div[style*="grid-template-columns: 1fr"],
    .kenkatsu-page-quienes-somos .kenkatsu-section > .kenkatsu-container > div[style*="grid-template-columns: 1fr"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (min-width: 992px) {
    .kenkatsu-page-quienes-somos .kenkatsu-section-beige > .kenkatsu-container > div[style*="grid-template-columns: repeat(auto-fit"] {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* ============================================
   MEJORAS DE ESPACIADO Y READABILIDAD
   ============================================ */

.kenkatsu-page-quienes-somos .kenkatsu-card {
    height: 100%;
}

.kenkatsu-page-quienes-somos .kenkatsu-card h3,
.kenkatsu-page-quienes-somos .kenkatsu-card h4 {
    margin-top: 0;
}

/* ============================================
   HERO SECTION ESPECÍFICO
   ============================================ */

.kenkatsu-page-quienes-somos .kenkatsu-hero-section {
    min-height: 70vh;
}

@media (max-width: 768px) {
    .kenkatsu-page-quienes-somos .kenkatsu-hero-section {
        min-height: 60vh;
    }
    
    .kenkatsu-page-quienes-somos .hero-content {
        padding-top: 100px !important;
    }
}

/* ============================================
   ESTILOS ESPECÍFICOS PARA SECCIONES
   ============================================ */

.kenkatsu-page-quienes-somos .kenkatsu-section-beige .kenkatsu-card {
    background: #FFFFFF;
}

.kenkatsu-page-quienes-somos .kenkatsu-section-light .kenkatsu-card {
    background: var(--kenkatsu-beige);
}

/* ============================================
   AJUSTES DE TIPOGRAFÍA
   ============================================ */

.kenkatsu-page-quienes-somos .kenkatsu-card p {
    margin-bottom: 1rem;
}

.kenkatsu-page-quienes-somos .kenkatsu-card p:last-child {
    margin-bottom: 0;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 767px) {
    .kenkatsu-page-quienes-somos .kenkatsu-card {
        padding: 2rem 1.5rem;
    }
    
    .kenkatsu-page-quienes-somos .section-title-premium {
        font-size: 1.5rem;
    }
}