@layer pages {

/**
 * G-Certi — Sobre Nosotros Styles (v3.0)
 * ==========================================
 * Institutional about page: hero, stats, values, timeline,
 * team, accreditation, gallery, global presence, FAQ.
 *
 * @version 3.0.0
 * @updated 2026-03-02
 */

/* ═══════════════════════════════════════════════════════════════
   SVG ICON FIX
   ═══════════════════════════════════════════════════════════════ */
.about-value-card svg use,
.about-timeline-dot svg use {
    stroke: currentColor;
    fill: none;
}

/* ═══════════════════════════════════════════════════════════════
   STATS BAR
   ═══════════════════════════════════════════════════════════════ */
.about-stats-bar {
    font-variant-numeric: tabular-nums;
}

/* ═══════════════════════════════════════════════════════════════
   VALUE CARDS
   ═══════════════════════════════════════════════════════════════ */
.about-value-card {
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}
.about-value-card:hover {
    transform: translateY(-4px);
}
.about-value-card .value-icon {
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.about-value-card:hover .value-icon {
    transform: scale(1.1) rotate(5deg);
}

@media (max-width: 640px) {
    .about-value-card,
    .about-value-card * {
        min-width: 0;
    }

    .about-value-card h3,
    .about-value-card p {
        overflow-wrap: anywhere;
    }
}

/* ═══════════════════════════════════════════════════════════════
   TIMELINE
   ═══════════════════════════════════════════════════════════════ */
.about-timeline-dot {
    transition: all 0.3s ease;
}
.about-timeline-dot:hover {
    transform: scale(1.1);
    box-shadow: 0 0 20px rgba(166, 33, 38, 0.3);
}

.about-timeline-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.about-timeline-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

/* ═══════════════════════════════════════════════════════════════
   GALLERY
   ═══════════════════════════════════════════════════════════════ */
.about-gallery-item img {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.about-gallery-item:hover img {
    transform: scale(1.05);
}
.about-gallery-item .gallery-overlay {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.about-gallery-item:hover .gallery-overlay {
    opacity: 1;
}

/* ═══════════════════════════════════════════════════════════════
   ACCREDITATION CARDS
   ═══════════════════════════════════════════════════════════════ */
.about-accred-card {
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.about-accred-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

/* ═══════════════════════════════════════════════════════════════
   REGION CARDS
   ═══════════════════════════════════════════════════════════════ */
.about-region-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.about-region-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
}

/* ═══════════════════════════════════════════════════════════════
   PREMIO HIGHLIGHT
   ═══════════════════════════════════════════════════════════════ */
.about-premio-card {
    transition: all 0.35s ease;
}
.about-premio-card:hover {
    box-shadow: 0 16px 40px rgba(16, 185, 129, 0.12);
}

} /* end @layer pages */