/* ════════════════════════════════════════════════════════════════════
   landing-noche.css — la LANDING de profesionales en "Noche" (rediseño
   Apple, etapa 2, noviembre 2026). Render aprobado:
   docs/redisenio-apple/etapa2-landing.png
   Todo bajo body.to-noche: $LANDING_NOCHE = false en landing.php
   devuelve la landing de siempre. Solo la piel: oficios, calculadora,
   planes (precios de promoDisplay()), FAQ y CTA flotante intactos.
   Sin backdrop-filter ni animaciones nuevas.
   ════════════════════════════════════════════════════════════════════ */

body.to-noche { background: var(--n-bg); color: var(--n-txt); font-family: var(--to-font); -webkit-font-smoothing: antialiased; }
body.to-noche * { font-family: var(--to-font); }
body.to-noche .bi, body.to-noche [class^="bi-"], body.to-noche [class*=" bi-"] { font-family: bootstrap-icons !important; }
body.to-noche section { background: var(--n-bg); }
body.to-noche .sec-title { color: var(--n-txt); font-weight: 700; letter-spacing: -.035em; font-size: 32px; line-height: 1.08; }

/* ── Header ─────────────────────────────────────────────────────────── */
body.to-noche .site-header { background: #000; border-bottom: 1px solid rgba(255,255,255,.07); }

/* ── Promo: franja amarilla limpia (sin rayado ni cartel inclinado) ─── */
body.to-noche .pb2 { background: var(--to-amarillo); color: #000; border-bottom: 0; box-shadow: none; }
body.to-noche .pb2-off { background: #000; color: var(--to-amarillo); transform: none; box-shadow: none; border-radius: 14px; }
body.to-noche .pb2-txt b { color: #000; text-shadow: none; font-weight: 800; letter-spacing: -.02em; }
body.to-noche .pb2-txt span { color: rgba(0,0,0,.72); }

/* ── Hero ───────────────────────────────────────────────────────────── */
body.to-noche .hero-new { background: var(--n-bg); text-align: center; padding: 40px 0 36px; }
body.to-noche .hero-new h1 { color: var(--n-txt); font-weight: 700; letter-spacing: -.045em; line-height: 1.02; font-size: clamp(42px, 12vw, 64px); }
body.to-noche .lnd-g { background: var(--to-amarillo-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
body.to-noche .hero-subtext { color: var(--n-sec); font-size: 18px; margin-left: auto; margin-right: auto; }
body.to-noche .hero-subtext strong { color: var(--n-txt); font-weight: 600; }

body.to-noche .ofi-card {
  background: linear-gradient(180deg, var(--n-card), var(--n-card-2)); border: 1px solid var(--n-borde);
  border-radius: var(--to-r-xl); box-shadow: none; margin-left: auto; margin-right: auto; text-align: center;
}
body.to-noche .ofi-q { color: var(--n-txt); font-size: 22px; font-weight: 700; letter-spacing: -.025em; }
body.to-noche .ofi-sub { color: var(--n-sec); }
body.to-noche .ofi { background: #000; border: 1px solid var(--n-borde); color: var(--n-txt); font-weight: 600; border-radius: 16px; text-align: left; }
body.to-noche .ofi i { color: var(--to-amarillo); }
body.to-noche .ofi-otro { background: var(--to-amarillo); border-color: var(--to-amarillo); color: #000; font-weight: 700; }
body.to-noche .ofi-otro span { color: rgba(0,0,0,.6); }
body.to-noche .ofi-otro i { color: #000; }
body.to-noche .cta-note { color: var(--n-sec); text-align: center; }
body.to-noche .cta-note strong { color: var(--n-txt); }
body.to-noche .hero-trust { color: var(--n-txt); justify-content: center; }
body.to-noche .hero-trust span::before { color: var(--to-verde-ok); }

/* ── Hacé tu cuenta ─────────────────────────────────────────────────── */
body.to-noche .comi { background: var(--n-bg); }
body.to-noche .comi-kick { color: var(--n-ter); font-weight: 600; letter-spacing: .1em; }
body.to-noche .comi-t { font-weight: 700; letter-spacing: -.035em; font-size: 32px; line-height: 1.08; }
body.to-noche .comi-calc { background: var(--n-card); border: 1px solid var(--n-borde); border-radius: var(--to-r-xl); }
body.to-noche .comi-res { background: var(--to-verde-accion); border-radius: 18px; }

/* ── Así funciona ───────────────────────────────────────────────────── */
body.to-noche .how { background: var(--n-bg); }
body.to-noche .check-row { color: var(--n-sec); }
body.to-noche .check-row b { color: var(--n-txt); }
body.to-noche .check-row::before { background: var(--to-amarillo); color: #000; border-radius: 50%; }

/* ── Así te van a ver: la ficha clara sobre negro (contraste a propósito) */
body.to-noche .demo-card { border: 0; box-shadow: 0 20px 50px rgba(0,0,0,.6); border-radius: var(--to-r-lg); }
body.to-noche .demo-cover { background: var(--to-amarillo-grad); }
body.to-noche .demo-caption { color: var(--n-sec); }
body.to-noche .demo-caption b, body.to-noche .demo-caption strong { color: var(--n-txt); }

/* ── Testimonios ────────────────────────────────────────────────────── */
body.to-noche .testimonial-card { background: var(--n-card); border: 1px solid var(--n-borde); border-radius: var(--to-r-lg); color: var(--n-txt); }
body.to-noche .testimonial-text { color: var(--n-txt); }
body.to-noche .testimonial-text b, body.to-noche .testimonial-text strong { color: var(--to-amarillo); }
body.to-noche .testimonial-stars { color: var(--to-estrella); }
body.to-noche .testimonial-author { color: var(--n-sec); }
body.to-noche .testimonial-dots button::after { background: #3a3a3c; }
body.to-noche .testimonial-dots button.on::after { background: var(--to-amarillo); }

/* ── Planes ─────────────────────────────────────────────────────────── */
body.to-noche .plans-section { background: var(--n-bg); }
body.to-noche .plans-section p { color: var(--n-sec); }
body.to-noche .plan-card { background: var(--n-card); border: 1px solid var(--n-borde); border-radius: var(--to-r-xl); color: var(--n-txt); box-shadow: none; }
body.to-noche .plan-card.featured { border: 1.5px solid var(--to-amarillo); box-shadow: 0 0 0 4px rgba(255,209,26,.08); }
body.to-noche .plan-name { color: var(--n-txt); }
body.to-noche .plan-lock { background: rgba(52,199,89,.12); border: 1px solid rgba(52,199,89,.3); }
body.to-noche .plan-lock span { color: #9fdcb3; }
body.to-noche .plan-discount-badge { background: rgba(52,199,89,.16); color: #5ee08a; }
body.to-noche .plan-price-old { color: var(--n-ter); }
body.to-noche .plan-price { color: var(--n-txt); font-weight: 700; letter-spacing: -.04em; font-size: 40px; }
body.to-noche .plan-period { color: var(--n-sec); }
body.to-noche .plan-dia { background: #2c2c2e; color: var(--n-sec); }
body.to-noche .plan-dia b { color: var(--n-txt); }
body.to-noche .plan-until { background: rgba(255,159,10,.14); color: #ffb340; }
body.to-noche .plan-features li { color: var(--n-txt); }
body.to-noche .plan-features li::before { color: var(--to-amarillo); }
body.to-noche .plan-new { background: linear-gradient(90deg, rgba(255,209,26,.14), rgba(255,209,26,0) 90%); }
body.to-noche .plan-cta { border-radius: 999px; }
body.to-noche .plan-cta.dark { background: transparent; border: 1.5px solid var(--n-txt); color: var(--n-txt); }
body.to-noche .plan-cta.yellow { background: var(--to-amarillo); color: #000; box-shadow: none; }
body.to-noche .plan-foot { color: var(--n-ter); }
body.to-noche .plan-rules { background: var(--n-card); border: 1px solid var(--n-borde); }
body.to-noche .plan-rules .check-row { color: var(--n-sec); }

/* ── Prensa, preguntas, cierre ──────────────────────────────────────── */
body.to-noche .press-line { color: var(--n-sec); border-color: #1f1f1f; }
body.to-noche .press-line i { color: var(--to-amarillo); }
body.to-noche .faq-item { border-bottom-color: #1f1f1f; }
body.to-noche .faq-item summary { color: var(--n-txt); }
body.to-noche .faq-item .faq-a { color: var(--n-sec); }
body.to-noche .cierre .cta-primary, body.to-noche .cta-primary { background: var(--to-amarillo); color: #000; border-radius: 999px; }
body.to-noche .wa-line { color: var(--n-sec); }
body.to-noche .wa-line a { color: #5ee08a; }
body.to-noche .footer { background: #000; border-top: 1px solid #1f1f1f; }
body.to-noche #floating-cta { background: var(--to-amarillo); color: #000; }

/* La ficha de ejemplo es CLARA: su texto vuelve a ser oscuro. */
body.to-noche .demo-card { color: var(--c-txt); }
body.to-noche .demo-name { color: #000; }