/* VARIABLES GLOBALES (CSS Custom Properties) - Fuente de la verdad */
:root {
    /* Paleta de Colores (Basada en tus imágenes) */
    --color-primary: #F75C82;   /* Rosa vibrante */
    --color-secondary: #FF9F45; /* Naranja cálido */
    --color-text: #333333;      /* Texto principal */
    --color-text-light: #666666;/* Texto secundario */
    --color-bg-light: #FDECF6;  /* Fondo rosa pálido (Header/Hero) */
    --color-white: #ffffff;
    
    /* Degradados */
    --gradient-main: linear-gradient(90deg, #FF9F45 0%, #F75C82 100%);
    
    /* Tipografía */
    --font-heading: 'Raleway', sans-serif;
    --font-body: 'Arvo', sans-serif;
    
    /* Layout */
    --container-width: 1200px;
    --header-height: 80px;
}

/* Reset Básico y Tipografía */
body {
    font-family: var(--font-body);
    color: var(--color-text);
    line-height: 1.6;
    margin: 0;
    padding-top: 0; /* El header es relativo, no fixed */
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    margin-bottom: 0.5em;
    font-weight: 600;
}

/* Utilidad para contenedores */
.container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 20px;
}

img {
    max-width: 100%;
    height: auto;
}