/* ============================= */
/*  Tipografías Corporativas      */
/* ============================= */

/* --- 1. Spectral + Montserrat --- */
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@400;600;700&family=Montserrat:wght@300;400;500&display=swap');

/* --- 2. Playfair Display + Lato --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Lato:wght@300;400;500&display=swap');

/* --- 3. Cormorant Garamond + Open Sans --- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Open+Sans:wght@300;400;500&display=swap');

/* --- 4. Lora +  --- */
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@100;200;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* Variables para tipografías (puedes cambiar la combinación fácilmente) */
:root {
    /*--font-heading: 'Spectral', serif;
    --font-body: 'Montserrat', sans-serif;*/

    /*--font-heading: 'Cormorant Garamond', serif;
    --font-body: 'Open Sans', sans-serif;*/
    
    /*--font-heading: 'Playfair Display', serif;
    --font-body: 'Lato', sans-serif;*/

    --font-heading: 'Lora', serif;
    --font-body: 'Inter', sans-serif;
}

/* Estilos base */
h1, h2, h3, h4, h5 {
    font-family: var(--font-heading);
    font-weight: 200;
    margin: 0;
}

p {
    font-family: var(--font-body);
    font-weight: 400;
    margin: 0;
}

a {
    font-family: var(--font-body);
    font-weight: 200;
}

/* Tamaños responsivos usando clamp */
h1 { font-size: clamp(2rem, 4vw, 3rem); }
h2 { font-size: clamp(1.5rem, 3.1vw, 2.6rem); }
h3 { font-size: clamp(1.2rem, 2.5vw, 2rem); }
h4 { font-size: clamp(1rem, 2vw, 1.5rem); }
h5 { font-size: clamp(0.9rem, 1.6vw, 1.2rem); }
p  { font-size: clamp(0.85rem, 2vw, 1rem); line-height: 1.6; }