/* ============================================================
   BIOAUREA · TIERRA GLOBAL — palette standardization
   v1.0 (2026-05-07)
   Load order: AFTER _skin-editorial.css. Forces the canonical
   "Tierra" palette across nav, hero, features, productos,
   newsletter, footer, modals, buttons, and scrollbar — matching
   the standalone editorial designs exactly.
   ============================================================ */

/* ── Canonical Tierra palette (single source of truth) ────── */
:root {
    /* Surfaces */
    --tierra-cream:        #f3ede0;
    --tierra-cream-2:      #faf4e6;
    --tierra-paper:        #fff9eb;
    --tierra-tile:         #ede2c9;

    /* Ink */
    --tierra-ink:          #2d2620;
    --tierra-ink-2:        #4d3920;
    --tierra-mute:         #7a5c3c;
    --tierra-mute-2:       #9a7f54;
    --tierra-line:         rgba(122, 92, 60, 0.18);
    --tierra-line-2:       rgba(122, 92, 60, 0.30);

    /* Accents */
    --tierra-rust:         #b85c2a;
    --tierra-rust-2:       #8a3d18;
    --tierra-rust-3:       #c4682f;
    --tierra-green:        #5a6b3f;
    --tierra-green-2:      #6b8a4f;
    --tierra-green-dark:   #4d5b37;
    --tierra-gold:         #c4a878;
    --tierra-gold-2:       #9a7f54;
    --tierra-sand:         #d9c89a;
    --tierra-burgundy:     #7a2a20;

    /* Map legacy variables onto the Tierra palette */
    --bg-dark:             var(--tierra-cream);
    --bg-card:             var(--tierra-cream-2);
    --green-primary:       var(--tierra-rust);
    --green-secondary:     var(--tierra-rust-2);
    --green-dark:          var(--tierra-tile);
    --text-primary:        var(--tierra-ink);
    --text-secondary:      var(--tierra-mute);
    --accent:              var(--tierra-rust);
}

/* Page-wide background — matches the Otros Productos editorial style:
   warm radial halo + soft cream→cream-2 vertical gradient */
html { background: #f7f1e3 !important; }
body {
    background:
        radial-gradient(ellipse 1100px 500px at 50% 30%, rgba(228, 148, 51, 0.14), transparent 70%),
        linear-gradient(180deg, #fbf6e9 0%, #f7f1e3 50%, #fbf6e9 100%) !important;
    color: var(--tierra-ink);
    min-height: 100vh;
}

/* ============================================================
   NAV — barra verde oliva (Tierra moss-olive)
   ============================================================ */
.nav-container {
    /* Verde oscuro sólido — sin degradado ni iluminaciones */
    background: #566c41 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid rgba(255, 248, 232, 0.10) !important;
    box-shadow: none !important;
}
/* Logo blanco para contrastar sobre verde oliva */
.nav-container .logo-container img {
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
}
.nav-links a {
    color: rgba(243, 237, 224, 0.85) !important;
    font-weight: 700 !important;        /* todos los enlaces en negrilla */
    position: relative !important;
    transition: background 0.25s ease, color 0.25s ease !important;
}
.nav-links a:hover {
    background: rgba(243, 237, 224, 0.10) !important;
    color: var(--tierra-cream) !important;
    transform: none !important;
}
.nav-links a.tierra-active {
    color: var(--tierra-cream) !important;
    font-weight: 700 !important;
    background: transparent !important;
}
.nav-links a[href="#roadmap"] {
    color: rgba(243, 237, 224, 0.85) !important;
    font-weight: 700 !important;
}
.nav-hamburger span { background: var(--tierra-cream) !important; }

/* === Indicador del enlace activo: subrayado sutil cream (sin color amarillo) === */
.nav-links a::after {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    bottom: 2px;
    height: 2px;
    background: var(--tierra-cream);
    border-radius: 1px;
    opacity: 0;
    transition: opacity 0.22s ease;
    pointer-events: none;
}
.nav-links a.tierra-active::after { opacity: 1; }
.nav-links a:hover::after { opacity: 0.45; }

/* Primary CTA — cream solid with dark text (matches the bar image) */
.btn-register {
    background: #f4ead3 !important;
    color: #2d2620 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 22px !important;
    font-size: 0.9em !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    letter-spacing: 0.01em !important;
    transition: background 0.2s ease !important;
}
.btn-register:hover {
    background: #ffffff !important;
    color: #2d2620 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Lang selector pill on olive nav */
.lang-btn {
    background: rgba(243, 237, 224, 0.12) !important;
    border: 1px solid rgba(243, 237, 224, 0.28) !important;
    color: var(--tierra-cream) !important;
}
.lang-btn:hover { background: rgba(243, 237, 224, 0.22) !important; }
.lang-dropdown {
    background: var(--tierra-paper) !important;
    border: 1px solid var(--tierra-line) !important;
    box-shadow: 0 12px 28px rgba(74, 56, 38, 0.18) !important;
}
.lang-option { color: var(--tierra-ink-2) !important; }
.lang-option:hover { background: var(--tierra-cream) !important; }
.lang-option.active { color: var(--tierra-rust) !important; background: var(--tierra-tile) !important; }

/* Hamburger */
.nav-hamburger span { background: var(--tierra-cream) !important; }

/* ============================================================
   USER NAV (logged-in state) — pill cream sobre nav verde oliva
   ============================================================ */
.user-nav-btn {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 5px 14px 5px 5px !important;
    background: rgba(243, 237, 224, 0.14) !important;
    border: 1px solid rgba(243, 237, 224, 0.32) !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    transition: all 0.25s !important;
    color: var(--tierra-cream) !important;
}
.user-nav-btn:hover {
    background: rgba(243, 237, 224, 0.22) !important;
    border-color: rgba(243, 237, 224, 0.50) !important;
}
.user-nav-avatar {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #c4a878 0%, #9a7f54 100%) !important;
    color: var(--tierra-ink) !important;
    font-weight: 700 !important;
    font-size: 0.85em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.user-nav-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
}
.user-nav-name {
    font-size: 0.86em !important;
    font-weight: 600 !important;
    color: var(--tierra-cream) !important;
    max-width: 140px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.user-nav-chevron {
    color: var(--tierra-cream) !important;
    opacity: 0.7 !important;
    flex-shrink: 0 !important;
}

/* Role badges — readable on olive nav */
.role-badge {
    font-size: 0.62em !important;
    padding: 1px 7px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    line-height: 1.4 !important;
}
.role-demo {
    background: rgba(212, 154, 44, 0.32) !important;
    color: var(--tierra-cream) !important;
    border: 1px solid rgba(212, 154, 44, 0.45) !important;
}
.role-premium {
    background: rgba(228, 181, 133, 0.30) !important;
    color: var(--tierra-cream) !important;
    border: 1px solid rgba(228, 181, 133, 0.45) !important;
}
.role-admin {
    background: rgba(196, 168, 120, 0.45) !important;
    color: #ffffff !important;
    border: 1px solid var(--tierra-sand) !important;
}
.role-anonymous {
    background: rgba(243, 237, 224, 0.10) !important;
    color: var(--tierra-cream) !important;
    border: 1px solid rgba(243, 237, 224, 0.22) !important;
}

/* ============================================================
   REPORT MODAL (Presentar Informe) — Tierra palette overrides
   ============================================================ */
.modal-informe { background: rgba(45, 38, 32, 0.55) !important; backdrop-filter: blur(6px); }
.modal-informe-content {
    background: var(--tierra-cream-2) !important;
    border: 1px solid var(--tierra-line) !important;
    border-top: 3px solid #566c41 !important;
    box-shadow: 0 30px 80px rgba(45, 38, 32, 0.45) !important;
    color: var(--tierra-ink) !important;
}
.modal-informe-header { background: transparent !important; border-bottom: 1px solid var(--tierra-line) !important; }
.modal-informe-header::before {
    /* línea decorativa superior — pasa de gradient verde-naranja a sepia/sage */
    background: linear-gradient(90deg, #566c41, #a4401d, #c4a878, #566c41) !important;
}
.modal-informe-title {
    color: var(--tierra-ink) !important;
    font-family: 'Fraunces', 'Newsreader', Georgia, serif !important;
    font-weight: 500 !important;
    font-style: italic !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    background-clip: initial !important;
}
.modal-informe-close { stroke: var(--tierra-mute) !important; }
.modal-informe-close:hover {
    background: rgba(184, 92, 42, 0.10) !important;
    stroke: #a4401d !important;
}
.modal-informe-body { color: var(--tierra-ink-2) !important; }
.modal-informe-body * { color: inherit; }
.modal-informe-body h1,
.modal-informe-body h2,
.modal-informe-body h3,
.modal-informe-body h4 {
    color: var(--tierra-ink) !important;
    font-family: 'Fraunces', Georgia, serif;
}
.modal-informe-body strong, .modal-informe-body b { color: var(--tierra-ink) !important; }

/* ============================================================
   ADMIN PANEL — Tierra palette overrides
   ============================================================ */
.admin-tab-btn {
    color: var(--tierra-mute) !important;
    background: transparent !important;
    border-bottom: 2px solid transparent !important;
}
.admin-tab-btn svg { stroke: var(--tierra-mute) !important; }
.admin-tab-btn:hover { color: var(--tierra-ink-2) !important; background: var(--tierra-paper) !important; }
.admin-tab-btn:hover svg { stroke: var(--tierra-ink-2) !important; }
.admin-tab-btn.active {
    color: #566c41 !important;
    background: rgba(86, 108, 65, 0.10) !important;
    border-bottom: 2px solid #566c41 !important;
}
.admin-tab-btn.active svg { stroke: #566c41 !important; }
.admin-tab-badge {
    background: var(--tierra-tile) !important;
    color: var(--tierra-mute) !important;
}
.admin-tab-badge.green { background: #566c41 !important; color: var(--tierra-cream) !important; }
.admin-table { background: transparent !important; }
.admin-table th {
    background: var(--tierra-paper) !important;
    color: var(--tierra-mute) !important;
    border-bottom: 1px solid var(--tierra-line) !important;
}
.admin-table td {
    color: var(--tierra-ink-2) !important;
    border-bottom: 1px solid var(--tierra-line-2) !important;
}
.admin-table tbody tr:hover { background: var(--tierra-paper) !important; }
.admin-stat {
    background: var(--tierra-paper) !important;
    border: 1px solid var(--tierra-line) !important;
    color: var(--tierra-ink-2) !important;
}
.admin-stat-icon { color: #566c41 !important; }
.admin-stat-content span { color: var(--tierra-ink) !important; font-family: 'Fraunces', Georgia, serif; }
.admin-stat-label { color: var(--tierra-mute) !important; }
.admin-filter-input,
.admin-filter-select {
    background: var(--tierra-paper) !important;
    border: 1px solid var(--tierra-line) !important;
    color: var(--tierra-ink-2) !important;
}
.admin-btn-refresh {
    background: #566c41 !important;
    color: var(--tierra-cream) !important;
    border: none !important;
}
.admin-btn-refresh:hover { background: #3d4f2c !important; }
.admin-action-btn {
    background: var(--tierra-paper) !important;
    color: var(--tierra-ink-2) !important;
    border: 1px solid var(--tierra-line) !important;
}
.admin-action-btn:hover { background: var(--tierra-cream-2) !important; border-color: var(--tierra-mute-2) !important; }
.admin-action-btn.export { color: #566c41 !important; }
.admin-action-btn.danger { color: #a4401d !important; }
.admin-status { color: var(--tierra-mute) !important; }
.admin-empty-cell { color: var(--tierra-mute-2) !important; }

/* User dropdown — cream paper panel */
.user-dropdown {
    background: var(--tierra-cream-2) !important;
    border: 1px solid var(--tierra-line) !important;
    box-shadow: 0 14px 32px rgba(45, 38, 32, 0.18) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.user-dropdown-header {
    background: var(--tierra-paper) !important;
    border-bottom: 1px solid var(--tierra-line) !important;
}
.user-dropdown-name {
    color: var(--tierra-ink) !important;
    font-family: 'Fraunces', Georgia, serif !important;
    font-weight: 600 !important;
}
.user-dropdown-email {
    color: var(--tierra-mute) !important;
}
.user-dropdown-divider {
    background: var(--tierra-line) !important;
}
.user-dropdown-item {
    color: var(--tierra-ink-2) !important;
    background: transparent !important;
}
.user-dropdown-item:hover {
    background: var(--tierra-paper) !important;
    color: #6e3818 !important;
}
.user-dropdown-item svg {
    color: var(--tierra-mute) !important;
    stroke: currentColor !important;
}
.user-dropdown-item:hover svg {
    color: #6e3818 !important;
}
.user-dropdown-logout {
    color: #b85c2a !important;
}
.user-dropdown-logout:hover {
    background: rgba(184, 92, 42, 0.08) !important;
    color: #8a3d18 !important;
}
.user-dropdown-logout:hover svg {
    color: #8a3d18 !important;
}

/* ============================================================
   HERO — transparent so body gradient shows through
   ============================================================ */
.hero {
    background: transparent !important;
}
.hero::before {
    /* Keep only the subtle grid pattern as a faint paper texture */
    background:
        url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(82,56,28,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>') !important;
    background-color: transparent !important;
}
.hero .subtitle {
    /* Ensure consistent ink with subtle warm gradient */
    background: linear-gradient(135deg, #6a4326 0%, #8a5a32 50%, #5a3a1e 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #6a4326 !important;
}
.hero .description { color: var(--tierra-ink-2) !important; }
.hero .btn-primary {
    background: #566c41 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
.hero .btn-primary:hover {
    background: #3d4f2c !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.hero .btn-secondary {
    border: 2px solid rgba(122, 92, 60, 0.55) !important;
    color: var(--tierra-mute) !important;
    background: transparent !important;
    border-radius: 10px !important;
}
.hero .btn-secondary:hover {
    background: rgba(122, 92, 60, 0.08) !important;
    border-color: var(--tierra-mute) !important;
    color: var(--tierra-ink-2) !important;
}

/* Hero stats glass panel */
.stats-grid {
    background: rgba(255, 249, 235, 0.70) !important;
    border: 1px solid var(--tierra-line) !important;
}
.stat-card {
    border-bottom: 1px solid var(--tierra-line) !important;
    transition: background 0.2s !important;
}
.stat-card:hover { background: rgba(184, 92, 42, 0.05) !important; }
.stat-icon { stroke: var(--tierra-rust) !important; opacity: 0.85 !important; }
.stat-number {
    color: var(--tierra-ink) !important;
    font-family: 'Fraunces', 'Newsreader', Georgia, serif !important;
    font-weight: 600 !important;
}
.stat-label { color: var(--tierra-mute) !important; }
.stat-footnote { color: var(--tierra-mute-2) !important; }

/* ============================================================
   GLOBAL BUTTONS — solid dark green with white text
   ============================================================ */
.btn-primary {
    background: #566c41 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    box-shadow: none !important;
    letter-spacing: 0.01em !important;
}
.btn-primary:hover {
    background: #3d4f2c !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.btn-secondary {
    background: transparent !important;
    border: 2px solid rgba(122, 92, 60, 0.55) !important;
    color: var(--tierra-mute) !important;
    border-radius: 10px !important;
}
.btn-secondary:hover {
    background: rgba(122, 92, 60, 0.08) !important;
    border-color: var(--tierra-mute) !important;
    color: var(--tierra-ink-2) !important;
}

/* ============================================================
   SECTION HEADERS
   ============================================================ */
.section-title {
    font-family: 'Fraunces', 'Newsreader', Georgia, serif !important;
    /* Color rust/burgundy igual a "una sola plataforma satelital." */
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: initial !important;
    color: #a4401d !important;
    font-weight: 400 !important;
    font-style: italic !important;
    letter-spacing: -0.02em !important;
}
.section-subtitle { color: var(--tierra-mute) !important; }

/* ============================================================
   FEATURES SECTION
   ============================================================ */
.features-section { background: transparent !important; }
.feature-card {
    background: rgba(255, 249, 235, 0.65) !important;
    border: 1px solid var(--tierra-line) !important;
    border-radius: 12px !important;
}
.feature-card:hover {
    border-color: #a06030 !important;
    background: rgba(160, 96, 48, 0.06) !important;
    transform: translateY(-2px);
}
.feature-card.expanded {
    border-color: rgba(160, 96, 48, 0.40) !important;
    background: rgba(160, 96, 48, 0.08) !important;
}
.feature-icon { stroke: #a06030 !important; }
.feature-title { color: var(--tierra-ink) !important; font-family: 'Fraunces', Georgia, serif; font-weight: 500; }
.feature-expand-icon { stroke: var(--tierra-mute-2) !important; }
.feature-card.expanded .feature-expand-icon { stroke: #a06030 !important; }
.feature-description {
    color: var(--tierra-ink-2) !important;
    border-top: 1px solid var(--tierra-line) !important;
}

/* ============================================================
   NEWSLETTER — transparent so body gradient shows
   ============================================================ */
.newsletter-section {
    background: transparent !important;
}
.newsletter-section .section-title { /* inherits global */ }
.newsletter-input {
    background: var(--tierra-paper) !important;
    border: 2px solid rgba(122, 92, 60, 0.30) !important;
    color: var(--tierra-ink) !important;
    border-radius: 8px !important;
}
.newsletter-input::placeholder { color: var(--tierra-mute-2) !important; }
.newsletter-input:focus {
    border-color: #a06030 !important;
    box-shadow: 0 0 0 3px rgba(160, 96, 48, 0.18) !important;
    background: #ffffff !important;
}
.newsletter-form .btn-primary { /* inherits global */ }

/* ============================================================
   FOOTER — deep sepia (matches the standalone dark backdrop)
   ============================================================ */
.footer {
    background: #2a1f12 !important;
    color: var(--tierra-tile) !important;
    border-top: 1px solid rgba(184, 92, 42, 0.30) !important;
}
.footer-link {
    color: var(--tierra-sand) !important;
    transition: color 0.2s;
}
.footer-link:hover { color: var(--tierra-cream) !important; }
.footer p { color: var(--tierra-mute-2) !important; }

/* ============================================================
   SCROLLBAR — café tan
   ============================================================ */
::-webkit-scrollbar-thumb { background: #a06030 !important; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #7a4520 !important; }
* { scrollbar-color: #a06030 transparent !important; }

/* ============================================================
   MODALS — cream paper panels with rust accent strip
   (Login, account, premium, informe — overrides dark glass theme)
   ============================================================ */
.modal-content,
.coord-modal-content,
.modal-informe-content {
    background: var(--tierra-cream-2) !important;
    border: 1px solid var(--tierra-line) !important;
    border-top: 3px solid #a06030 !important;
    box-shadow: 0 30px 80px rgba(45, 38, 32, 0.45) !important;
    color: var(--tierra-ink) !important;
}
.modal-title,
.coord-modal-title,
.modal-informe-title {
    color: var(--tierra-ink) !important;
    font-family: 'Fraunces', 'Newsreader', Georgia, serif !important;
    font-weight: 500 !important;
}
.modal-close,
.coord-modal-close,
.modal-informe-close {
    color: var(--tierra-mute) !important;
    background: transparent !important;
    border: 1px solid var(--tierra-line) !important;
    border-radius: 50% !important;
    transition: all 0.2s;
}
.modal-close:hover,
.coord-modal-close:hover,
.modal-informe-close:hover {
    background: #a06030 !important;
    color: #000000 !important;
    border-color: #a06030 !important;
}
.modal { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); background: rgba(45, 38, 32, 0.55) !important; }

/* Login/Account form fields */
.form-input,
.account-edit-input {
    background: var(--tierra-paper) !important;
    border: 1px solid var(--tierra-line) !important;
    color: var(--tierra-ink) !important;
    border-radius: 8px !important;
}
.form-input::placeholder,
.account-edit-input::placeholder { color: var(--tierra-mute-2) !important; }
.form-input:focus,
.account-edit-input:focus {
    border-color: #a06030 !important;
    box-shadow: 0 0 0 3px rgba(160, 96, 48, 0.18) !important;
    background: #ffffff !important;
    outline: none !important;
}
.form-label { color: var(--tierra-mute) !important; font-weight: 600 !important; font-size: 0.82em !important; }

.auth-tabs { border-bottom: 1px solid var(--tierra-line) !important; }
.auth-tab { color: var(--tierra-mute) !important; }
.auth-tab.active {
    color: #7a4520 !important;
    border-bottom: 2px solid #a06030 !important;
}
.auth-tab:hover { color: var(--tierra-ink-2) !important; }
.auth-divider span { color: var(--tierra-mute-2) !important; background: var(--tierra-cream-2) !important; }
.auth-divider::before { background: var(--tierra-line) !important; }
.btn-google {
    background: #ffffff !important;
    color: var(--tierra-ink) !important;
    border: 1px solid var(--tierra-line) !important;
}
.btn-google:hover { background: var(--tierra-paper) !important; border-color: var(--tierra-mute-2) !important; }

.form-error { color: var(--tierra-rust-2) !important; }

/* Account panel */
.account-tabs { border-bottom: 1px solid var(--tierra-line) !important; }
.account-tab { color: var(--tierra-mute) !important; }
.account-tab.active {
    color: #7a4520 !important;
    background: var(--tierra-tile) !important;
}
.account-tab:hover { color: var(--tierra-ink-2) !important; }
.profile-name { color: var(--tierra-ink) !important; font-family: 'Fraunces', Georgia, serif; }
.profile-email { color: var(--tierra-mute) !important; }
.profile-role-badge {
    background: #a06030 !important;
    color: #000000 !important;
}
.account-info-label { color: var(--tierra-mute-2) !important; }
.account-info-value { color: var(--tierra-ink-2) !important; }
.account-profile-card {
    background: var(--tierra-paper) !important;
    border: 1px solid var(--tierra-line) !important;
}
.profile-avatar {
    background: linear-gradient(135deg, var(--tierra-gold) 0%, var(--tierra-gold-2) 100%) !important;
    color: var(--tierra-cream) !important;
}
.btn-save-profile,
.btn-account-action {
    background: #566c41 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}
.btn-save-profile:hover,
.btn-account-action:hover {
    background: #3d4f2c !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Premium / coord modal */
.coord-range-box {
    background: var(--tierra-paper) !important;
    border: 1px solid var(--tierra-line) !important;
}
.coord-range-label { color: var(--tierra-mute) !important; }
.coord-range-key { color: var(--tierra-mute-2) !important; }
.coord-range-val { color: var(--tierra-ink-2) !important; font-family: 'JetBrains Mono', monospace !important; }
.coord-section-label { color: var(--tierra-mute) !important; }
.coord-field-label { color: var(--tierra-mute-2) !important; }
.coord-field-input {
    background: var(--tierra-paper) !important;
    border: 1px solid var(--tierra-line) !important;
    color: var(--tierra-ink) !important;
}
.coord-submit-btn {
    background: #566c41 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}
.coord-submit-btn:hover {
    background: #3d4f2c !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.coord-modal-icon {
    background: var(--tierra-tile) !important;
    color: #a06030 !important;
}

/* ============================================================
   ROADMAP CAROUSEL (legacy — only when not in .rio mode)
   ============================================================ */
.productos-section:not(.rio) {
    background: transparent !important;
}
.roadmap-card {
    background: rgba(255, 249, 235, 0.75) !important;
    border: 1px solid var(--tierra-line) !important;
}
.roadmap-card:hover {
    border-color: #a06030 !important;
    background: rgba(160, 96, 48, 0.06) !important;
    box-shadow: 0 12px 32px rgba(74, 56, 38, 0.14) !important;
}
.rm-icon-badge svg { stroke: #a06030 !important; }
.roadmap-title { color: var(--tierra-ink) !important; }
.rm-card-number { color: rgba(160, 96, 48, 0.22) !important; }

/* ============================================================
   TOAST / NOTIFICATIONS
   ============================================================ */
.toast {
    background: var(--tierra-cream-2) !important;
    border: 1px solid var(--tierra-line) !important;
    color: var(--tierra-ink-2) !important;
    box-shadow: 0 8px 24px rgba(74, 56, 38, 0.18) !important;
}
.toast-success { border-left: 3px solid var(--tierra-green) !important; }
.toast-error { border-left: 3px solid var(--tierra-rust) !important; }
.toast-info { border-left: 3px solid var(--tierra-gold-2) !important; }
.toast-title { color: var(--tierra-ink) !important; }

/* ============================================================
   MOBILE MENU (when nav collapses)
   ============================================================ */
@media (max-width: 900px) {
    .nav-links {
        background: linear-gradient(180deg, var(--tierra-green) 0%, var(--tierra-green-dark) 100%) !important;
    }
    .nav-links a.mobile-auth-btn {
        background: #566c41 !important;
        color: #ffffff !important;
    }
}