/* ============================================================
   TEMA "NOIR & CHAMPAGNE" — opción premium
   Tema definitivo del sitio: <html data-tema="premium">. Solo cambia colores,
   tipografía de acentos, bordes y sombras; fotos y funciones iguales.
   Paleta: negro cálido, marfil, champaña y verde esmeralda profundo.
   ============================================================ */
[data-tema="premium"] {
  --teal: #1e4a43;          /* esmeralda profundo (reemplaza el turquesa) */
  --teal-dark: #143630;
  --teal-soft: #eef2ee;
  --gold: #c9a96a;          /* champaña */
  --gold-light: #e8d6a8;
  --gold-dark: #8c6d34;
  --ink: #15120e;           /* negro cálido */
  --ink-2: #3a342c;
  --muted: #7a7166;
  --line: #e9dfcd;
  --cream: #f6f1e7;         /* marfil */
  --white: #fdfbf7;
  --radius: 6px;
  --radius-sm: 4px;
  --shadow: 0 30px 60px -30px rgba(21, 18, 14, .35);
  --shadow-sm: 0 10px 30px -18px rgba(21, 18, 14, .25);
  --gold-grad: linear-gradient(135deg, #f4e6bf 0%, #d6b97a 40%, #b08d4c 70%, #e3cc93 100%);
}
[data-tema="premium"] body { background: var(--white); color: var(--ink-2); }

/* ---- Tipografía de acentos ---- */
[data-tema="premium"] h1, [data-tema="premium"] h2 { font-weight: 500; letter-spacing: -.005em; }
[data-tema="premium"] h1 em, [data-tema="premium"] h2 .gold-text, [data-tema="premium"] h1 .gold-text { font-style: italic; }
[data-tema="premium"] .eyebrow { letter-spacing: .32em; font-weight: 600; font-size: .72rem; }
[data-tema="premium"] .teal-text { color: var(--gold-light); font-style: italic; }
[data-tema="premium"] .section--dark { background: #110f0b; color: #d9d0c0; }

/* ---- Botones: rectos, mayúsculas, aire de boutique ---- */
[data-tema="premium"] .btn { border-radius: 2px; text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; padding: 17px 30px; font-weight: 700; }
[data-tema="premium"] .btn--sm { padding: 11px 18px; font-size: .7rem; }
[data-tema="premium"] .btn--gold { color: #1a140a; box-shadow: 0 14px 34px -16px rgba(176, 141, 76, .9); }
[data-tema="premium"] .btn--teal { background: var(--ink); color: var(--gold-light); border: 1px solid rgba(201,169,106,.45); }
[data-tema="premium"] .btn--teal:hover { background: #000; color: #fff; }
[data-tema="premium"] .btn--outline { border-color: var(--gold); color: var(--ink); }
[data-tema="premium"] .btn--outline:hover { background: var(--ink); border-color: var(--ink); color: var(--gold-light); }
[data-tema="premium"] .btn--ghost { border-color: rgba(232,214,168,.45); color: var(--gold-light); }

/* ---- Encabezado ---- */
[data-tema="premium"] .header { background: rgba(17, 15, 11, .94); border-bottom: 1px solid rgba(201,169,106,.35); }
[data-tema="premium"] .nav { gap: 22px; }
[data-tema="premium"] .nav a { color: #e9e0cf; font-weight: 500; letter-spacing: .08em; font-size: .74rem; text-transform: uppercase; white-space: nowrap; }
[data-tema="premium"] .brand img { background: #fdfbf7; }
[data-tema="premium"] .lang { border-color: rgba(201,169,106,.4); }
[data-tema="premium"] .preview-bar { background: #f6f1e7; color: #6b5a3a; border-bottom-color: #e9dfcd; }

/* ---- Hero ---- */
[data-tema="premium"] .hero { background: #110f0b; }
[data-tema="premium"] .hero::before {
  background:
    radial-gradient(900px 520px at 85% 15%, rgba(201,169,106,.20), transparent 60%),
    radial-gradient(700px 420px at 5% 95%, rgba(30,74,67,.45), transparent 60%);
}
[data-tema="premium"] .hero__mountains path:first-child { fill: #c9a96a; fill-opacity: .10; }
[data-tema="premium"] .hero__mountains path:last-child { fill: #0b0a07; }
[data-tema="premium"] .hero__photo-frame { border-color: rgba(201,169,106,.65); background: linear-gradient(180deg, rgba(201,169,106,.18), transparent); }
[data-tema="premium"] .hero__card { border-radius: 4px; background: rgba(253,251,247,.97); border-left: 3px solid var(--gold); }
[data-tema="premium"] .hero__badge strong { color: var(--gold-light); font-weight: 500; }

/* ---- Franja de confianza ---- */
[data-tema="premium"] .trust { background: #0b0a07; border-top-color: rgba(201,169,106,.3); }
[data-tema="premium"] .trust__item { border-right-color: rgba(201,169,106,.12); }

/* ---- Tarjetas: esquinas sobrias y filete dorado ---- */
[data-tema="premium"] .t-card, [data-tema="premium"] .review, [data-tema="premium"] .post,
[data-tema="premium"] .step, [data-tema="premium"] .pricing__panel, [data-tema="premium"] .pricing__tab,
[data-tema="premium"] .day, [data-tema="premium"] .pay-opt, [data-tema="premium"] .pay-summary,
[data-tema="premium"] .article aside, [data-tema="premium"] .ba, [data-tema="premium"] .place,
[data-tema="premium"] .consult, [data-tema="premium"] .diagnosis, [data-tema="premium"] .problem {
  border-radius: var(--radius);
}
[data-tema="premium"] .t-card:hover, [data-tema="premium"] .post:hover { box-shadow: var(--shadow); border-color: var(--gold-light); }
[data-tema="premium"] .t-card__tag { border-radius: 2px; letter-spacing: .18em; }
[data-tema="premium"] .t-card__price strong, [data-tema="premium"] .compare__row.co .compare__value { color: var(--gold-dark); }
[data-tema="premium"] .step::before { font-weight: 500; }

/* ---- Precios ---- */
[data-tema="premium"] .pricing__tab.on { background: linear-gradient(90deg, #fbf5e8, var(--white)); }
[data-tema="premium"] .compare__bar { border-radius: 2px; background: #f1eadc; }
[data-tema="premium"] .compare__fill { border-radius: 2px; }
[data-tema="premium"] .compare__row.co .compare__fill { background: var(--gold-grad); }
[data-tema="premium"] .pricing__saving { background: #15120e; color: #e2d8c6; border-radius: 4px; }
[data-tema="premium"] .pricing__saving .pct { color: var(--gold-light); font-weight: 500; }
[data-tema="premium"] .pricing__saving b { color: #fff; }
[data-tema="premium"] .currency button.on { background: var(--ink); color: var(--gold-light); }
[data-tema="premium"] .chip { background: #f6f1e7; color: var(--gold-dark); border: 1px solid var(--line); border-radius: 2px; }

/* ---- "¿Se identifica?" ---- */
[data-tema="premium"] .problem { background: rgba(201,169,106,.04); border-color: rgba(201,169,106,.16); }
[data-tema="premium"] .problem.on { background: rgba(201,169,106,.12); }

/* ---- Antes / después ---- */
[data-tema="premium"] .ba__label.r { background: var(--gold); color: #1a140a; }
[data-tema="premium"] .ba__label { border-radius: 2px; }

/* ---- Turismo / Medellín ---- */
[data-tema="premium"] .travel__list .ic, [data-tema="premium"] .sky__facts .ic { background: #f6f1e7; color: var(--gold-dark); border: 1px solid var(--line); border-radius: 4px; }
[data-tema="premium"] .sky__facts .ic { background: rgba(201,169,106,.1); color: var(--gold-light); border-color: rgba(201,169,106,.25); }
[data-tema="premium"] .awards { border-radius: 4px; }
[data-tema="premium"] .awards strong { font-weight: 500; font-style: italic; }
[data-tema="premium"] .day.clinic { background: #15120e; border-color: #15120e; }
[data-tema="premium"] .day.clinic b { color: #fff; }
[data-tema="premium"] .day.clinic p { color: #bdb2a0; }
[data-tema="premium"] .day.clinic small { color: var(--gold-light); }
[data-tema="premium"] .travel__photos .p { border-radius: 4px; }

/* ---- Formulario ---- */
[data-tema="premium"] .consult__side { background: #110f0b; }
[data-tema="premium"] .field input, [data-tema="premium"] .field select, [data-tema="premium"] .field textarea { border-radius: 2px; background: #fffdf9; border-color: #ded3bf; }
[data-tema="premium"] .field input:focus, [data-tema="premium"] .field select:focus, [data-tema="premium"] .field textarea:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,169,106,.18); }
[data-tema="premium"] .form__ok { background: #f6f1e7; color: var(--gold-dark); }
[data-tema="premium"] .signs { background: #f6f1e7; border-left: 3px solid var(--gold); border-radius: 2px; }
[data-tema="premium"] .signs b { color: var(--gold-dark); }

/* ---- Bandas y pie ---- */
[data-tema="premium"] .cta-band { background: #15120e; color: var(--gold-light); border-top: 1px solid rgba(201,169,106,.35); border-bottom: 1px solid rgba(201,169,106,.35); }
[data-tema="premium"] .cta-band h2 { color: var(--gold-light); font-style: italic; font-weight: 500; }
[data-tema="premium"] .cta-band .btn--teal { background: var(--gold-grad); color: #1a140a; border: 0; }
[data-tema="premium"] .footer { background: #0b0a07; }
[data-tema="premium"] .footer__social a { border-color: rgba(201,169,106,.35); color: var(--gold-light); }
[data-tema="premium"] .page-hero { background: #110f0b; }
[data-tema="premium"] .page-hero::before { background: radial-gradient(700px 360px at 80% 0%, rgba(201,169,106,.18), transparent 60%); }


/* Foto del equipo: integra el fondo blanco de la foto con el marfil de la sección */
[data-tema="premium"] .about__photos .main { background: transparent; }
[data-tema="premium"] .about__photos .main img { mix-blend-mode: multiply; }