/* TM Ventas — piezas legales y de accesibilidad comunes a TODAS las páginas (8.9).
   El armador pega este archivo en cada página: la franja de arriba con los dos
   botones que pide la Disposición 954/2025, el enlace para saltar al contenido,
   el pie legal con Defensa del Consumidor, y el interruptor de movimiento. */
.saltar{position:absolute;left:12px;top:-60px;z-index:100;background:#EAF3F9;color:#0C131C;font-weight:700;
  padding:10px 16px;border-radius:10px;text-decoration:none;font-family:"Hanken Grotesk",system-ui,sans-serif}
.saltar:focus{top:12px}
.franja-legal{background:#08101A;border-bottom:1px solid #233647;font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:13.5px;line-height:1.4}
.franja-legal .fl-in{max-width:1120px;margin:0 auto;padding:6px 24px;display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:flex-end;align-items:center}
.franja-legal a{color:#C9D8E4;text-decoration:underline;text-underline-offset:3px;font-weight:600;padding:4px 0;display:inline-block}
.franja-legal a:hover{color:#FFFFFF}
@media (max-width:560px){.franja-legal .fl-in{justify-content:center;padding:4px 16px}}
.pie-legal{max-width:1120px;margin:26px auto 0;padding:22px 24px 76px;border-top:1px solid #233647;color:#AFC2D1;
  font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:14px;line-height:1.6;display:grid;gap:18px;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.pie-legal h2{font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:#C9D8E4;
  margin:0 0 8px;padding:0;border:0;font-weight:700}
.pie-legal ul{list-style:none;margin:0;padding:0}
.pie-legal li{margin:0 0 6px;color:#AFC2D1}
.pie-legal li::marker{content:""}
.pie-legal a{color:#9BE7E7;text-decoration:underline;text-underline-offset:3px}
.pie-legal a:hover{color:#FFFFFF}
.pie-legal p{margin:0 0 6px;color:#AFC2D1}
.pie-legal .consumidor{border:1px solid #2E465C;border-radius:12px;padding:12px 14px;background:#0F1A26}
.pie-legal .consumidor b{display:block;color:#EAF3F9}
.pie-legal .datafiscal img{width:64px;height:auto;display:block;margin-top:6px}
.pie-legal .quieto-btn{font:inherit;font-size:14px;color:#EAF3F9;background:transparent;border:1px solid #2E465C;border-radius:10px;padding:8px 12px;cursor:pointer;margin-top:4px}
.pie-legal .quieto-btn:hover{border-color:#3AD6D6}
.pie-legal .quieto-btn[aria-pressed="true"]{border-color:#45E08B}
@media print{.franja-legal,.saltar,.pie-legal{display:none}}
/* «Pausar el movimiento» (WCAG 2.2.2): el visitante frena todo lo que se mueve solo.
   Lo mismo que ya pasaba con «reducir movimiento» del sistema, pero con un botón. */
html.quieto *,html.quieto *::before,html.quieto *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.quieto .rv{opacity:1!important;transform:none!important}
/* Modo de alto contraste de Windows: el texto con degradado queda transparente
   y desaparece. Ahí se le devuelve el color del sistema. */
@media (forced-colors:active){
  .grad-text,.tot .v,.why-i b .big,.ahora .num,.num{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important}
}
/* Un enlace en medio de un texto tiene que distinguirse por algo más que el
   color (WCAG 1.4.1): va subrayado. Los botones y los menús no. */
main p a:not(.btn),main li a:not(.btn),main td a,.faq .a a,.aviso a,.como a,.safe-i a,.step a,.t-nota a,.wiz-acepto a,main label a,.asis-pie small a,.pie-legal p a,.pie-legal li a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
