@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Reset y Base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    color: #222;
    background-color: #f5f7fa;
    padding-top: 70px;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

main {
    flex: 1 0 auto;
}

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

/* Variables CSS Globales */
:root {
    /* Navbar */
    --navbar-height: 70px;
    --navbar-bg: #ffffff;
    --navbar-border: rgba(0,0,0,0.08);
    --accent: #1e90ff;
    --text: #222;
    --max-width: 1200px;
    
    /* Colores Contact */
    --color-primary-700: #0a7bc2;
    --color-primary-600: #5cacd2;
    --color-primary-300: #8ec6de;
    --color-accent-600: #60b57a;
    --color-accent-500: #92d2cb;
    --color-neutral-900: #0f172a;
    --color-neutral-700: #475569;
    --color-neutral-300: #e5e7eb;
    --color-neutral-50: #f5f7fa;
    --color-white: #ffffff;
    --color-whatsapp: #25d366;
}