/* ════════════════════════════════════════════════════════
   MORAMAY CAFÉ — ACCESIBILIDAD (revisión 2026-10-13)
   Se carga al final para corregir foco, contraste y movimiento
   sin tocar el resto de las hojas de estilo.
═══════════════════════════════════════════════════════════ */

/* Saltar al contenido: invisible hasta que llega el foco del teclado */
.mm-skip-link {
  position: absolute; left: 12px; top: -64px; z-index: 100000;
  background: #1F1739; color: #F4EFE6; padding: 10px 18px;
  border-radius: 50px; font-size: 14px; text-decoration: none;
  transition: top .2s;
}
.mm-skip-link:focus { top: 12px; color: #F4EFE6; }
#content:focus { outline: none; }

/* Contorno de foco visible al navegar con teclado.
   :not(#mm-a11y) sube la especificidad sobre las reglas que lo quitaban. */
:focus-visible:not(#mm-a11y) {
  outline: 2px solid #7B4FA6 !important;
  outline-offset: 2px !important;
}
.mm-footer :focus-visible:not(#mm-a11y),
#mm-ck :focus-visible:not(#mm-a11y),
.mm-mob-overlay :focus-visible:not(#mm-a11y),
.mm-nav-dark :focus-visible:not(#mm-a11y),
.mmh-trust :focus-visible:not(#mm-a11y) {
  outline-color: #C99B5C !important;
}

/* Contraste mínimo 4,5:1 */
body .mm-footer .mm-f-brand p,
body .mm-footer .mm-f-col a,
body .mm-footer .mm-f-col li,
body .mm-footer .mm-f-bottom { color: rgba(244,239,230,.72); }
body .mm-footer .mm-f-col a:hover { color: #F4EFE6; }
body .mmh-marquee-item { color: rgba(244,239,230,.62); }
body .mmh-sec-eye,
body .mmh-nl-note { color: #575170; }
body .mmx-alt-l { color: #7A5627; }
body .mmh-feature-eye { color: rgba(244,239,230,.78); }
body .mmh-hc-counter,
body .mmh-hc-tagline { color: rgba(244,239,230,.85); }

body .mm-footer .mm-f-bottom a { color: rgba(244,239,230,.78); }
body .mm-footer .mm-f-bottom a:hover { color: #F4EFE6; }
body .mmh-stat-l,
body .mm-shipping-note-foot { color: #575170; }
body .mm-buy-section-num { color: #6F6986; }

/* Miel como texto sobre fondos claros: versión oscura (sobre tinta se mantiene la miel original) */
body .mm-pp-farm,
body .bl-art-cat-tag,
body .de-card-loc,
body .de-card-type-badge.badge-caf { color: #7A5627; }

/* Grises claros usados como texto */
body .mmn-label-of,
body .mmr-label-of,
body .mm-pdp-sab-ph { color: #5F5977; }

/* Textos claros sobre fondos oscuros */
body .mm-origen-photo-sub,
body .mm-info-loc-eye { color: rgba(200,185,235,.8); }
body .mm-origen-eye,
body .mm-info-loc-tag { color: #C8B9EB; }
body .mm-info-loc-detail { color: rgba(200,185,225,.85); }
body .mm-finca-eye { color: rgba(200,185,235,.85); }
body .mm-finca-dlbl { color: rgba(255,255,255,.75); }

/* Títulos con palabra en miel sobre fondo claro */
body .art-body h2 em,
body .de-section-title em { color: #7A5627; }

/* Tarjetas y paneles oscuros (tinta): grises claros */
body .de-card.reverse .de-card-body-eye,
body .de-card.reverse .de-card-detail-row span,
body .art-aside .aside-panel ~ .aside-panel p,
body .aside-insta div:not(.aside-insta-handle),
body .mm-pp-sec-quote .mm-pp-quote-attr { color: rgba(244,239,230,.72) !important; }
body .de-card:not(.reverse) .de-card-body em { color: #7A5627; }
body .de-card.reverse .de-card-loc { color: #C99B5C; }
body .mm-sec-cta .mm-cta-copy p { color: #FFFFFF; }
body .mm-value-card .mmn-label-of,
body .mmr-label-of { color: #5F5977; }

/* Movimiento: la franja se detiene al pasar el cursor o con el foco,
   y todo se queda quieto si el sistema pide reducir movimiento */
.mmh-marquee-wrap:hover *,
.mmh-marquee-wrap:focus-within * { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
