/* MAJERCI V809 - Accesibilidad. Este archivo se carga AL FINAL, despues de
   todos los demas, y solo corrige. No define colores, espacios ni posiciones.
   Para desactivarlo entero: quite su <link> de app/views.php. */

/* ---------------------------------------------------------------------------
   1. Tamano minimo de letra: 11px
   Revisado sobre los NUEVE CSS que el sitio carga: 83 reglas tenian texto
   entre 7px y 10.5px. Se suben a 11px respetando el @media de cada una.
   Probado en vivo sobre majercisac.com el 10-oct: 222 textos ilegibles pasaron
   a 11, y solo aparecieron 2 desbordes nuevos en toda la portada.
   Lleva !important porque el CSS del sitio ya usa mas de 4.800.
   Si alguna etiqueta se desacomoda, borre su selector de aqui.
--------------------------------------------------------------------------- */
#mjr718-scrollcue,
#mjr719-rail button,
.about-v746-client-segments span,
.about-v746-cta-box small,
.about-v746-strip small,
.category-tile small,
.home-benefits .benefit span:not(.benefit-icon),
.home-category-product-kicker,
.home-category-products-grid .status-pill,
.home-category-products-track .price small, .home-category-products-track .price-line small,
.home-category-products-track .status-pill,
.majerci-wa-badge,
.majerci-wa-mini,
.mjr706-logo-ok::after,
.mjr724-blog-meta,
.mjr724-blog-tag,
.mjr724-mini-brand,
.mjr724-placeholder small,
.mjr724-product-fallback small,
.mjr724-promo-badge,
.mjr724-promo-brand,
.payment-note,
.product-card .brand,
.purpose-label,
.v725-blog-tag,
.v725-card-placeholder small,
.v725-catalog .badge,
.v725-catalog .brand,
.v725-catalog .product-view-link,
.v725-catalog .v731-sku,
.v725-catalog .v731-stock,
.v725-chip,
.v725-kicker,
.v725-mini-brand,
.v725-promo-badge,
.v725-promo-brand,
.v743-kicker,
.v743-process-grid b,
.v743-project-tags span,
.v743-service-tags span,
body.home-v720 #mjr719-rail button,
body.home-v723 #mjr719-rail button,
body.home-v726 .v725-kicker,
body.home-v726 .v725-mini-brand,
body.home-v727 #v725-blog .v725-blog-tag,
body.home-v727 .v725-mini-brand,
body.home-v727 .v727-benefit-head>div>span,
body.home-v727 .v727-mini-cta,
body.home-v727 .v727-mini-sku,
body.home-v728 .v728-service-tags span,
body.home-v728 .v728-services-kicker,
body.home-v730 .v728-service-link,
body.home-v730 .v730-family-badge,
body.home-v730 .v730-family-chips .v725-chip,
body.home-v730 .v730-mini-card .v727-mini-cta,
body.mjr724-site .product-card .brand,
body.v728-page-brands .v728-brand-tools span,
body.v768-home .category-tile small,
body.v768-home .home-brands-kicker,
body.v768-home .v725-chip,
body.v768-home .v725-kicker,
body.v768-home .v725-mini-brand,
body.v768-home .v768-category-head .eyebrow,
body.v768-home .v768-head .eyebrow,
body.v768-home .v768-idea p, body.v768-home .v725-blog-excerpt,
body.v768-home .v768-product-actions a,
body.v768-home .v768-product-badge,
body.v768-home .v768-product-brand,
body.v768-home .v768-product-chips span,
body.v768-home .v768-product-sku,
body.v768-home .v768-products-head .eyebrow,
body.v768-home .v768-service p,
body.v768-home .v768-service-no,
body.v768-home .v768-service-tags span,
body.v768-home .v768-tag, body.v768-home .v725-blog-tag { font-size: 11px !important; }

@media (max-width: 720px) {
.home-brands-kicker { font-size: 11px !important; }
}

@media(max-width:1180px) {
#mjr719-rail button { font-size: 11px !important; }
}

@media(max-width:640px) {
body.home-v719 #mjr717-scene-copy .mjr717-scene-label,
body.home-v724 #mjr717-scene-copy .mjr717-scene-label,
body.home-v724 #mjr717-scene-progress,
body.home-v730 #mjr717-scene-copy .mjr717-scene-label,
body.home-v730 .home-category-band .category-strip > a.category-tile::after { font-size: 11px !important; }
}

@media(max-width:420px) {
body.home-v730 #mjr717-scene-copy .mjr717-btn { font-size: 11px !important; }
}

/* ---------------------------------------------------------------------------
   2. WhatsApp: una sola animacion
   El logo tenia dos pulsos encima (majerciWhatsAppPulse y majerciWaPulseFinal).
   Se deja solo el aro (.majerci-wa-pulse), que es el que se nota.
--------------------------------------------------------------------------- */
.majerci-wa-logo,
.majerci-top-whatsapp .majerci-wa-logo { animation: none !important; }

/* ---------------------------------------------------------------------------
   3. Respetar a quien pide menos movimiento
   Windows, Android, iOS y macOS tienen un ajuste de "reducir movimiento", que
   usa quien sufre mareos o migranas con las animaciones. El sitio tiene 11
   animaciones infinitas que hoy no lo respetan y gastan bateria sin parar.
--------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---------------------------------------------------------------------------
   4. Foco visible al navegar con teclado
   Quien no usa raton necesita ver donde esta parado.
--------------------------------------------------------------------------- */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid #1d4ed8 !important;
  outline-offset: 2px !important;
}