/* tramites.css — botones legales, pie legal y formularios de markt.com.ar.
   Usa la paleta del sitio (index.html y casos/caso.css). No carga nada de terceros. */

/* Mismas reglas de idioma que el sitio, para las páginas que no las traen (404, informe de ejemplo). */
html[lang="es"] [data-lang="en"]{display:none!important;}
html[lang="en"] [data-lang="es"]{display:none!important;}
html:not([lang="en"]) .tr-pie [data-lang="en"]{display:none!important;}
/* 404.html no declara border-box: sin esto, el padding del pie se suma al 100% y desborda a 390 px. */
.tr-nav,.tr-nav *,.tr-pie-solo,.tr-pie,.tr-pie *{box-sizing:border-box;}

/* ---------- botones legales en la barra de navegación (todas las páginas) ----------
   Una línea propia dentro del encabezado fijo: a 1280 px no entran en la fila del menú (medido el 30-sep).
   Escritorio: 15 px, igual que los enlaces del menú. Celular: 13 px, en una sola línea, sin abrir la hamburguesa. */
.tr-nav{border-top:1px solid #24212f;font-family:'Space Grotesk',system-ui,sans-serif;}
.tr-nav-in{max-width:1180px;margin:0 auto;padding:6px 28px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:2px 26px;}
header.top .tr-nav-in{max-width:1080px;}
.tr-nav a{color:#EDECF2;font-size:15px;font-weight:500;line-height:1.55;white-space:nowrap;text-decoration:underline;text-decoration-color:rgba(167,139,250,.55);text-underline-offset:4px;}
.tr-nav a:hover,.tr-nav a:focus-visible{color:#A78BFA;}
.tr-nav-sola{position:sticky;top:0;z-index:150;width:100%;align-self:stretch;background:rgba(10,9,14,.95);border-top:0;border-bottom:1px solid #24212f;}
/* 404.html centra todo con un <body> flex y padding: ahí la línea quedaba en el medio y partida en dos (visto en la
   captura del 30-sep). Es la única página con body > .box: la línea va fija arriba, a todo el ancho; el contenido
   centrado no queda debajo. ejemplo-informe.html (body > .ribbon) tiene padding 42px 22px: la línea quedaba angosta y
   partida en dos a 390 px; fija arriba entra en esos 42 px sin tapar la cinta. */
body:has(> .box) > .tr-nav-sola,body:has(> .ribbon) > .tr-nav-sola{position:fixed;top:0;left:0;right:0;width:auto;}
@media(max-width:560px){.tr-nav-in{padding:5px 12px;justify-content:center;gap:2px 14px;}.tr-nav a{font-size:13px;}}

/* ---------- portada: Res. SCI 271/2020 (link literal + aviso corto, una línea) ----------
   Franja fina arriba del contenido, con la letra de la barra superior (15 px; 13 px en el celular). En EN la
   traducción y el aviso van en .tr-trad: en el celular se achican ellos, nunca el literal. Máximo 3 renglones a 390 px
   (lo mide verificar.py). */
.tr-adhesion{background:#0A090E;border-bottom:1px solid #24212f;font-family:'Space Grotesk',system-ui,sans-serif;position:relative;z-index:2;}
.tr-adhesion-in{max-width:1180px;margin:0 auto;padding:7px 28px 8px;}
.tr-adhesion p{margin:0;color:#C3C1CF;font-size:15px;line-height:1.45;max-width:none;}
.tr-adhesion b{font-weight:600;}
.tr-adhesion-link{color:#EDECF2;text-decoration:underline;text-decoration-color:rgba(167,139,250,.7);text-underline-offset:4px;}
.tr-adhesion-link:hover,.tr-adhesion-link:focus-visible{color:#A78BFA;}
@media(max-width:560px){.tr-adhesion-in{padding:6px 12px 7px;}.tr-adhesion p{font-size:13px;}.tr-adhesion .tr-trad{font-size:11px;}}

/* ---------- enlace al texto original en español (páginas EN, TEXTOS FINALES §3.0) ---------- */
.tr-original{font-size:14px;margin:8px 0 0;}
.tr-original a{color:#6D28D9;text-decoration:underline;}
.tr-cab-legal .tr-original{font-size:13px;color:#4E4B58;}

/* ---------- bloque legal del pie (todas las páginas) ---------- */
.tr-pie{flex-basis:100%;width:100%;margin-top:22px;padding-top:18px;border-top:1px solid #24212f;color:#C3C1CF;font-size:13px;line-height:1.65;text-align:left;font-family:'Space Grotesk',system-ui,sans-serif;}
.tr-pie a{color:#EDECF2;text-decoration:underline;text-decoration-color:rgba(167,139,250,.5);text-underline-offset:3px;}
.tr-pie a:hover{color:#A78BFA;}
.tr-pie-botones{display:flex;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px;}
.tr-pie-botones a{display:inline-block;text-decoration:none;border:1px solid #3a3648;border-radius:30px;padding:7px 14px;font-size:12.5px;font-weight:600;letter-spacing:.06em;color:#EDECF2;}
.tr-pie-botones a:hover{border-color:#A78BFA;color:#A78BFA;}
.tr-pie p{margin:0 0 6px;max-width:none;color:#C3C1CF;}
.tr-pie-solo{background:#0A090E;padding:8px 0 36px;width:100%;}
/* 404.html centra su contenido con un <body> flex en fila: el pie tiene que ir abajo, no al costado. */
body:has(> .tr-pie-solo){flex-direction:column;}
.tr-pie-solo .tr-pie{max-width:1080px;margin:0 auto;padding-left:28px;padding-right:28px;border-top:1px solid #24212f;}
footer.pie .fmeta + .tr-pie,footer.pie .wrap > .tr-pie{order:10;}

/* ---------- páginas de trámite ---------- */
.tr-cab{padding-bottom:24px;}
.tr-cab h1{max-width:28ch;}
.tr-cab .lit{display:inline-block;font-size:13px;letter-spacing:.12em;font-weight:700;color:#6D28D9;margin-bottom:4px;}
.tr-cuerpo{padding:8px 0 72px;}
.tr-form{max-width:680px;display:grid;gap:18px;}
.tr-form[hidden]{display:none;} /* sin esto display:grid pisa a hidden y el formulario seguía a la vista tras enviarse */
.tr-campo{display:grid;gap:6px;}
.tr-campo label,.tr-campo .etq{font-weight:600;font-size:15px;color:#1A1820;}
.tr-campo small{color:#4E4B58;font-size:13.5px;line-height:1.45;}
.tr-campo input[type=text],.tr-campo input[type=email],.tr-campo input[type=date],.tr-campo select,.tr-campo textarea{
  width:100%;font:inherit;font-size:16px;color:#1A1820;background:#FFFDF8;border:1.5px solid #D9D1C2;border-radius:12px;padding:12px 14px;}
.tr-campo textarea{min-height:110px;resize:vertical;}
.tr-campo input:focus,.tr-campo select:focus,.tr-campo textarea:focus{outline:none;border-color:#6D28D9;box-shadow:0 0 0 3px rgba(109,40,217,.15);}
.tr-campo [aria-invalid=true]{border-color:#B42318;}
.tr-err{color:#B42318;font-size:13.5px;font-weight:600;}
.req{color:#6D28D9;}
.tr-trampa{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden;}
.tr-grupo{border:1px solid #D9D1C2;border-radius:14px;padding:16px 18px 18px;display:grid;gap:14px;background:rgba(255,253,248,.55);}
.tr-grupo legend{font-weight:700;font-size:14px;padding:0 6px;color:#6D28D9;}
.tr-grupo[hidden]{display:none;}
.tr-revocacion{border:2px solid #6D28D9;background:#FFFDF8;border-radius:14px;padding:16px 18px;font-size:15.5px;line-height:1.55;color:#1A1820;}
.tr-casilla{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;font-size:15.5px;line-height:1.5;color:#1A1820;}
.tr-casilla input{width:20px;height:20px;margin-top:2px;accent-color:#6D28D9;}
.tr-casilla a{color:#6D28D9;text-decoration:underline;}
.tr-enviar{justify-self:start;border:0;cursor:pointer;font:inherit;font-weight:600;}
.tr-enviar[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none;}
.tr-enviar[aria-busy=true]{opacity:.8;cursor:progress;}
.tr-enviando{font-size:14.5px;font-weight:600;color:#6D28D9;margin:-6px 0 0;}
.tr-datos{font-size:13.5px;line-height:1.55;color:#4E4B58;border-top:1px solid #D9D1C2;padding-top:14px;max-width:680px;}
.tr-datos p{font-size:13.5px;margin-bottom:8px;}
.tr-datos a{color:#6D28D9;text-decoration:underline;}
.tr-soloes{font-size:14px;color:#4E4B58;font-style:italic;}
.tr-resultado{max-width:680px;background:#FFFDF8;border:1px solid #D9D1C2;border-radius:16px;padding:26px 24px;}
.tr-resultado h1,.tr-resultado h2{font-size:clamp(26px,3vw,34px);margin-bottom:12px;}
.tr-resultado p{color:#4E4B58;margin-bottom:10px;}
.tr-ok{border-color:#6D28D9;}
.tr-error{border-color:#B42318;}
.tr-codigo{font-family:ui-monospace,Consolas,monospace;font-size:clamp(22px,4.6vw,30px);font-weight:700;color:#1A1820!important;letter-spacing:.04em;word-break:break-all;}
.tr-aviso{color:#8a4b00!important;font-weight:600;}
.tr-errores{margin:6px 0 14px 20px;color:#1A1820;}
.pendiente{background:#FFE08A;color:#1A1820;padding:1px 4px;border-radius:4px;font-weight:600;}

/* ---------- páginas de texto legal ---------- */
.tr-legal{max-width:760px;}
.tr-legal h2{font-size:clamp(20px,2.2vw,24px);margin:30px 0 10px;}
.tr-legal p,.tr-legal li{color:#1A1820;font-size:16px;line-height:1.65;margin-bottom:10px;}
.tr-legal ol,.tr-legal ul{margin:0 0 10px 22px;}
.tr-legal table{border-collapse:collapse;width:100%;font-size:14.5px;margin:6px 0 14px;}
.tr-legal th,.tr-legal td{border:1px solid #D9D1C2;padding:8px 10px;text-align:left;vertical-align:top;}
.tr-legal th{background:#FFFDF8;}
.tr-legal .version{font-weight:600;color:#6D28D9;}
.tr-tabla{overflow-x:auto;}

/* Paginas legales en letra chica (pedido de Marcos, 2026-09-30 16:23). Legible: 14 px en el cuerpo. */
.tr-cab-legal{padding:48px 0 12px;}
.tr-cab-legal h1{font-size:clamp(24px,2.8vw,32px);margin:10px 0 8px;}
.tr-cab-legal .version,.tr-cab-legal .tr-soloes{font-size:13px;}
.tr-legal h2{font-size:15px;margin:22px 0 6px;}
.tr-legal p,.tr-legal li{font-size:14px;line-height:1.6;margin-bottom:7px;}
.tr-legal table{font-size:13px;}

/* Las URL escritas en el texto (cl. 11: Ley 24.240 y autoridad) son largas: que corten, sin scroll horizontal a 390 px. */
.tr-legal a{overflow-wrap:anywhere;}