/* =============================================================
   SISTEMA VISUAL ORGÁNICO: CLOROFILIA.ME
   Inspirado en la ebanistería de precisión CNC y materiales premium
   ============================================================= */

:root {
    --nogal-profundo: #2d1e17;  /* Madera oscura y elitista */
    --roble-veta: #5d4037;     /* Calidez artesanal */
    --oro-maestro: #c5a059;    /* Para la 'Regla de Oro' de ergonomía */
    --crema-organico: #fdfaf7; /* Fondo que recuerda al papel de planos */
    --grafito-herraje: #1a1a1a;/* Color de herrajes Blum/Hettich */
    --sombra-mueble: rgba(45, 30, 23, 0.15);
}

body {
    background-color: var(--crema-organico);
    color: var(--grafito-herraje);
    font-family: 'Poppins', sans-serif;
    line-height: 1.8;
}

/* --- NAV: EL TABLERO DE BIENVENIDA [navbar.pdf] --- */
.navbar {
    background: #ffffff;
    border-bottom: 6px solid var(--nogal-profundo); /* Simula el canto de un tablero macizo */
    padding: 1.5rem 0;
    box-shadow: 0 4px 20px var(--sombra-mueble);
}

.navbar-logo h1 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: var(--nogal-profundo);
}

.nav-link-cta {
    background: linear-gradient(135deg, var(--nogal-profundo), var(--roble-veta)) !important;
    border: 1px solid var(--oro-maestro) !important;
    color: white !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

/* --- VENTAJAS: EL COLLAGE DE CALIDAD [ventajas.pdf] --- */
.ventaja-card {
    background: white;
    border: 1px solid #e8e0d9;
    padding: 3rem 2rem !important;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
}

/* Efecto 'Barnizado' al pasar el ratón */
.ventaja-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 60px rgba(61, 43, 31, 0.1);
    border-color: var(--oro-maestro);
}

.ventaja-icon {
    font-size: 2.5rem;
    color: var(--roble-veta);
    margin-bottom: 20px;
}

/* --- GUÍA DE DISEÑO: LA REGLA DE ORO [guia-diseño.pdf] --- */
.guia-diseño h2 {
    font-family: 'Playfair Display', serif;
    color: var(--nogal-profundo);
    font-size: 2.5rem;
}

/* Destacamos la ergonomía: Altura ideal 10-15 cm bajo el codo [1] */
.ergo-point {
    background: #fff;
    border-left: 8px solid var(--oro-maestro); /* Resalte visual de autoridad */
    padding: 30px !important;
    margin: 25px 0;
    box-shadow: 10px 10px 0px #f5f0eb;
}

.ergo-icon {
    color: var(--oro-maestro);
    font-size: 2rem;
}

/* --- FOOTER: EL SELLO DE FÁBRICA [footer.pdf] --- */
.footer {
    background: var(--grafito-herraje);
    color: #d1d1d1;
    border-top: 10px solid var(--nogal-profundo); /* Cierre de material */
}

.footer h3, .footer h4 {
    color: var(--oro-maestro);
    font-family: 'Playfair Display', serif;
}

.social-link {
    border: 1px solid rgba(197, 160, 89, 0.3);
    padding: 10px 20px;
    margin-right: 10px;
    transition: 0.3s;
}

.social-link:hover {
    background: var(--oro-maestro);
    color: var(--grafito-herraje);
}