/* BYE MULTAS — Capa UX global (cargar al final del ) */ body.page-inicio ::selection, body.page-reporte ::selection, body.page-servicio ::selection { background: rgba(255, 0, 110, 0.18); color: #1e293b; } body.page-contacto ::selection, body.page-pago-exito ::selection, body.page-legal ::selection { background: rgba(255, 0, 110, 0.15); color: #1e293b; } .admin-body ::selection { background: rgba(21, 67, 96, 0.22); color: #0d1b2a; } :focus-visible { outline: 2px solid #ff006e; outline-offset: 2px; } body.page-inicio :focus-visible, body.page-reporte :focus-visible, body.page-servicio :focus-visible { outline-color: #ff006e; } a { text-underline-offset: 0.2em; } button:focus-visible, .btn-primary:focus-visible, #btnEnviar:focus-visible { outline-offset: 3px; } /* ── Inicio: texto justificado sin partir palabras (carga al final del ) ── */ body.page-inicio { hyphens: manual; -webkit-hyphens: manual; -ms-hyphens: manual; } /* En pantallas muy estrechas el texto justificado con palabras largas se rompe feo */ @media (max-width: 479px) { body.page-inicio .inicio-hero .inicio-hero-lead, body.page-inicio .inicio-main .svc-scroll p, body.page-inicio .inicio-main .svc-scroll .svc-diff-box, body.page-inicio .inicio-main .svc-scroll .svc-do-list li > div > span, body.page-inicio .site-footer-markus .site-footer-card-lead, body.page-inicio .site-footer-markus .site-footer-address { text-align: left !important; } } body.page-inicio .inicio-hero .inicio-hero-lead, body.page-inicio .inicio-hero .inicio-hero-lead strong, body.page-inicio .inicio-hero .inicio-micro-steps--hero li > div, body.page-inicio .inicio-hero .inicio-micro-steps--hero li > div > span, body.page-inicio .inicio-hero .inicio-micro-steps--hero li > div > strong, body.page-inicio .inicio-main .svc-scroll p, body.page-inicio .inicio-main .svc-scroll p strong, body.page-inicio .inicio-main .svc-scroll .svc-diff-box, body.page-inicio .inicio-main .svc-scroll .svc-diff-box strong, body.page-inicio .inicio-main .svc-scroll .svc-do-list li > div > span, body.page-inicio .inicio-main .svc-scroll .svc-do-list li > div > strong, body.page-inicio .site-footer-markus .site-footer-card-lead, body.page-inicio .site-footer-markus .site-footer-address, body.page-inicio .site-footer-markus .site-footer-copybar p { text-align: justify !important; text-justify: inter-word; hyphens: none !important; -webkit-hyphens: none !important; -moz-hyphens: none !important; -ms-hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; word-wrap: normal !important; line-break: auto; }