/* ======================================================
   1. VARIABLES Y RESET GLOBAL
====================================================== */

    /* VARIABLES DE COLOR */
    :root {
        --dark: #ffffff;
        --dark-light: #f8f9fa;
        --accent: #00b300;
        --accent-hover: #008f00;
        --gray-spa: #6c757d;
        --white: #212529;
        --text-gray: #495057;
        --navbar-bg: rgba(255, 255, 255, 0.98);
    }

    /* RESET GENERAL */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        scroll-behavior: smooth;
    }

    body {
        background-color: var(--dark);
        color: var(--white);
        line-height: 1.6;
    }

    section h2 {
        text-align: center;
        width: 100%;
        margin-bottom: 2rem;
    }
}