/**
 * SmartDeal · A11y Fixes (post-Lighthouse audit 2026-05-21)
 * ============================================================
 * Overrides puntuales para resolver color-contrast violations
 * detectadas por Lighthouse axe-core en 24 mediciones.
 *
 * Estrategia: cada selector específico se override con un color
 * que pasa WCAG AA (4.5:1 mínimo para texto normal, 3:1 para
 * large text 18pt+ o 14pt bold).
 *
 * El archivo se encolca con dependencia layout.css → siempre carga
 * después de los stylesheets que define los colores originales.
 */

/* ── BLOG HERO · texto blanco que Lighthouse marca con bg claro
   (en realidad sobre gradient oscuro). Forzamos text-shadow para
   garantizar contraste incluso si el thumbnail es claro. */
.sd-blog-hero .sd-blog-hero__title,
.sd-blog-hero .sd-blog-hero__excerpt,
.sd-blog-hero .sd-blog-hero__meta,
.sd-blog-breadcrumb,
.sd-blog-breadcrumb a {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
}

/* Reforzar el overlay del blog hero — bg más oscuro garantiza contraste */
.sd-blog-hero__overlay {
    background:
        linear-gradient(180deg, rgba(16, 20, 24, 0.65) 0%, rgba(16, 20, 24, 0.92) 100%),
        radial-gradient(ellipse at top, rgba(197, 255, 62, 0.08), transparent 50%) !important;
}

/* Si NO hay imagen de fondo y el media solid se ve, asegurar más contraste */
.sd-blog-hero__media--solid {
    background: linear-gradient(135deg, #0A0E12 0%, #1F2937 100%) !important;
}

/* ── FOOTER · varios links rgba(.4-.55) que fallan AA ── */
.sd-footer .sd-footer__whatsapp,
.sd-footer .sd-footer__copyright,
.sd-footer .sd-consent-reopen,
.sd-footer .sd-payment-badge--text {
    color: rgba(255, 255, 255, 0.78) !important; /* ratio ~8:1 sobre #1A1A1A */
}

.sd-footer .sd-footer__trust-badge,
.sd-footer .sd-footer__trust-badge span {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* sd-footer__newsletter-text p estaba rgba 0.6 — bumped */
.sd-footer__newsletter-text p {
    color: rgba(255, 255, 255, 0.78) !important;
}

/* ── PDP · varios spans gris claro ── */
.sd-pdp .sd-section-label,
.sd-pdp .sd-price__card-sub,
.sd-pdp .sd-price__vs-new-amount s,
.sd-pdp .sd-info__sku,
.sd-sticky-bar__name {
    color: #6b7280 !important; /* ratio 4.83:1 sobre white */
}

/* Mercadopago badges — blanco sobre cian claro #00bcff */
.sd-pdp .sd-mp-badge,
.sd-payment-strip__mp {
    background: #0284c7 !important; /* cyan-700 = ratio 4.59 con white */
    color: #ffffff !important;
}

/* Sticky bar name */
.sd-sticky-bar__name {
    color: #374151 !important;
}

/* sd-price__savings-pct (white on yellow-ish bg con rgba 0.25) */
.sd-pdp .sd-price__savings-pct {
    background: rgba(0, 0, 0, 0.35) !important; /* dark overlay para que white pase contraste */
    color: #ffffff !important;
}

/* ── HEADER · placeholder de búsqueda ── */
.sd-header__search .sd-search__fp-prefix,
.sd-search__fake-placeholder {
    color: #6b7280 !important;
}

/* ── HOME · AI chooser eyebrow ── */
.sd-chooser__eyebrow {
    color: #6b7280 !important;
}

/* ── WHATSAPP CTA (PDP) ── blanco sobre verde claro */
.sd-pdp #sd-main-cta .sd-btn,
.sd-info #sd-main-cta a.sd-btn {
    /* Asegurar bg WhatsApp green oficial saturado */
    background: #128c7e !important; /* WhatsApp Green dark — ratio 4.7:1 con white */
    color: #ffffff !important;
}

/* ── FOOTER WHATSAPP CTA (en column del footer) ── */
.sd-footer__col a[href*="wa.me"],
.sd-footer__col a.sd-footer__whatsapp {
    color: #128c7e !important;
}

/* ── PLP card discount badge ya tenía fix pero refuerzo ── */
.sd-plp-card__discount {
    background: #b91c1c !important; /* red-700 */
    color: #ffffff !important;
}