/* ═══════════════════════════════════════════════════════════════════════
   TEMA "EVOLUCIÓN PULIDA" — la identidad de siempre (oscuro + magenta),
   sin neón: una sola familia de superficies, sombras suaves, Montserrat solo
   en titulares y sin itálicas. La estructura común vive en common.css.
   ═══════════════════════════════════════════════════════════════════════ */
html[data-web-theme="pulida"] {
    --td-bg: #0b0a18;
    --td-bg-image: radial-gradient(900px 500px at 85% -10%, rgba(255, 0, 194, 0.08), transparent 60%),
        radial-gradient(700px 500px at -10% 30%, rgba(99, 76, 190, 0.09), transparent 60%);
    --td-bg-2: #100e22;
    --td-footer: #090817;
    --td-band: #100e22;
    --td-surface: #15132b;
    --td-surface-2: #1a1833;
    --td-surface-3: rgba(255, 255, 255, 0.05);
    --td-hover: rgba(255, 255, 255, 0.07);
    --td-input: #100e22;
    --td-line: rgba(255, 255, 255, 0.08);
    --td-line-2: rgba(255, 255, 255, 0.14);
    --td-text: #f4f3fa;
    --td-text-2: #d6d3e6;
    --td-muted: #a19db9;
    /* Contraste AA medido 2026-09-22: #7a7695 daba 3.3–4.4:1 sobre las tarjetas. */
    --td-faint: #928fa8;
    /* Botón magenta con texto blanco: #ff00c2 daba 3.48:1 → #da00a6 (4.63:1). */
    --td-primary: #da00a6;
    --td-primary-600: #b8008f;
    --td-primary-soft: rgba(255, 0, 194, 0.12);
    --td-primary-line: rgba(255, 0, 194, 0.35);
    --td-primary-text: #ff6ad6;
    --td-on-primary: #ffffff;
    --td-accent: #ff00c2;
    --td-chip-active-bg: #f4f3fa;
    --td-chip-active-text: #0b0a18;
    --td-img-bg: #f4f4f6;
    --td-nav-bg: rgba(11, 10, 24, 0.78);
    --td-nav-bg-solid: rgba(11, 10, 24, 0.94);
    --td-overlay: rgba(5, 4, 12, 0.72);
    --td-overlay-solid: rgba(8, 7, 18, 0.94);
    --td-promo: linear-gradient(100deg, rgba(255, 0, 194, 0.16), rgba(99, 76, 190, 0.14)), #15132b;
    --td-chat-head: #1f1c3b;
    --td-hero-glow: radial-gradient(60% 60% at 50% 0%, rgba(255, 0, 194, 0.12) 0%, transparent 70%);
    --td-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 12px 32px -12px rgba(0, 0, 0, 0.6);
    --td-shadow-lg: 0 30px 80px -20px rgba(0, 0, 0, 0.75);
    --td-cta-shadow: 0 8px 24px -8px rgba(255, 0, 194, 0.55);
    --td-maxw: 1240px;
    --td-gutter: clamp(16px, 3vw, 24px);
    --td-radius-card: 18px;
    --td-font: 'Inter', system-ui, sans-serif;
    --td-font-head: 'Montserrat', 'Inter', sans-serif;
    /* Colores de estado del panel admin (fondo oscuro) */
    --td-ok: #34d399;
    --td-ok-soft: rgba(52, 211, 153, 0.14);
    --td-ok-line: rgba(52, 211, 153, 0.28);
    --td-warn: #fbbf24;
    --td-warn-soft: rgba(251, 191, 36, 0.14);
    --td-warn-line: rgba(251, 191, 36, 0.28);
    --td-warn2: #fb923c;
    --td-warn2-soft: rgba(251, 146, 60, 0.14);
    --td-warn2-line: rgba(251, 146, 60, 0.28);
    --td-danger: #f87171;
    --td-danger-soft: rgba(248, 113, 113, 0.14);
    --td-danger-line: rgba(248, 113, 113, 0.28);
    --td-info: #60a5fa;
    --td-info-soft: rgba(96, 165, 250, 0.14);
    --td-info-line: rgba(96, 165, 250, 0.28);
    --td-neutral: #94a3b8;
    --td-neutral-soft: rgba(148, 163, 184, 0.14);
    --td-neutral-line: rgba(148, 163, 184, 0.28);
}

/* Barra de anuncios */
html[data-web-theme="pulida"] .theme-announce {
    background: linear-gradient(90deg, #1a0f2e, #2a0f35, #1a0f2e);
    border-bottom: 1px solid var(--td-line);
    color: #e7d8f0;
}
html[data-web-theme="pulida"] .theme-announce i { color: var(--td-primary); margin-right: 6px; }

/* Botón "Agregar" de la tarjeta: píldora suave que se llena al pasar el mouse. */
html[data-web-theme="pulida"] .card-quick-add {
    background: var(--td-primary-soft);
    color: #ff7ddd;
    border: 1px solid transparent;
}
html[data-web-theme="pulida"] .card-quick-add:not(:disabled):hover {
    background: var(--td-primary);
    color: #fff;
}

/* Titulares del hero: blanco + acento magenta sólido. */
html[data-web-theme="pulida"] #hero h1 .hero-shimmer { color: var(--td-primary); }

/* ═══ Secciones de la maqueta A ═══ */
/* Nosotros conserva la foto y los pilares del clásico, sin los contadores. */
html[data-web-theme="pulida"] #about .grid.grid-cols-2 { display: none; }
html[data-web-theme="pulida"] .td-card-classic { display: none; }
html[data-web-theme="pulida"] #contacto { padding-top: 0; }
/* FAQ a dos columnas: introducción fija a la izquierda. */
html[data-web-theme="pulida"] .td-faq-section {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 64px;
    align-items: start;
    max-width: var(--td-maxw);
    padding-inline: var(--td-gutter);
}
html[data-web-theme="pulida"] .td-faq-intro { position: sticky; top: 200px; }