/**
 * Estilos para sección Hero Compact
 * 
 * @package Grupo_Mexico
 */

/* Hero Compact Base */
.hero-compact {
    background: var(--grad-hero-compact);
    color: var(--ink-inverse);
}

.hero-compact__container {
    padding: 24px;
    max-width: 896px;
    margin: 0 auto;
}

.hero-compact__content {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    align-items: center;
}

.hero-compact__title {
    font-weight: 400;
    font-size: 20px;
    margin: 0;
}

.hero-compact__subtitle {
    font-weight: 400;
    font-size: 14px;
    margin: 0;
}