/* ===== GLOBAL VARIABLES ===== */
:root {
    /* Paleta de Colores (Extraída de tus bloques) */
    --orange: #f26822;      /* Color principal de la marca / CTAs */
    --orange-hover: #d95a1a;
    --teal: #008f8f;        /* Color de acento para los Eyebrows */
    --indigo: #1a1c29;      /* Azul oscuro para fondos de CTAs y Delivery */
    --dark: #111111;        /* Texto principal y encabezados */
    --light-bg: #f8f8f8;    /* Fondos grises claros (como en las FAQs) */
    
    /* Variables de Redes / Plataformas */
    --whatsapp: #25d366;
    
    /* Tipografía */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Inter', sans-serif;
    
    /* Bordes y Sombras */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* Reset básico para todo el sitio */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-body);
    color: #444;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
}

/* Contenedor Global */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.5rem;
}