/* Soporte y Privacidad — páginas de lectura (breakpoint 700px) */
body.legal{--gingham:40px; --outer:10px; --mat-radius:24px; --f1:7px; --f2:9px; --f3:10.5px;}
body.legal.soporte{--marco:#F08A6B;} body.legal.privacidad{--marco:#1F3F8A;}
.legal .mat{max-width:880px; padding:22px 18px 22px; gap:22px;}
.cabecera{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
.legal .logo .ficha{width:40px; height:54px; font-size:24px; box-shadow:0 4px 0 #8DBE3F, 0 7px 12px rgba(30,40,60,.2);}
.legal .logo-1{font-size:28px;} .legal .logo-2{font-size:32px;}
.nav{display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
.nav a{padding:9px 12px; border-radius:10px; text-decoration:none; font-size:15px; font-weight:500; color:var(--texto-2);}
.nav a[aria-current="page"]{font-weight:700; color:var(--porcelana); background:var(--rosa-claro); box-shadow:inset 0 0 0 1.5px #F2B8CF;}
.nav .lang-pill{margin-left:4px;}

.doc{display:none; flex-direction:column; gap:22px;}
.doc.activo{display:flex;}
.doc-head{display:flex; flex-direction:column; gap:12px;}
.doc .eyebrow{font-size:12px;}
.doc h1{font-size:40px; line-height:1; color:var(--porcelana);}
.vigencia{font-size:14px; font-weight:600; color:var(--texto-3);}
.intro{margin:6px 0 0; font-size:16px; line-height:1.6; color:var(--texto-2); text-wrap:pretty; max-width:680px;}
.intro a, .faq a, .seccion a{color:var(--porcelana); font-weight:600;}
.acciones{display:flex; gap:10px; flex-wrap:wrap; margin-top:6px;}
.acciones .btn-azul{height:46px; padding:0 16px 0 8px;}
.acciones .btn-borde{height:46px; padding:0 16px;}
.ficha.mini{width:24px; height:32px; border-radius:5px; font-family:'Work Sans',sans-serif; font-size:11px; font-weight:700; color:var(--rojo-ficha); box-shadow:0 2px 0 var(--rosa);}

.contacto{border-radius:20px; background:var(--porcelana); padding:10px; box-shadow:inset 0 0 0 3px var(--porcelana), inset 0 0 0 4.5px var(--dorado);}
.contacto-in{border-radius:13px; padding:22px; display:flex; align-items:center; gap:18px; flex-wrap:wrap; color:#fff;
  background-color:var(--porcelana-2); background-image:radial-gradient(circle,rgba(255,255,255,.08) 2.5px,transparent 3.5px); background-size:18px 18px;}
.ficha.carta{width:52px; height:68px; font-size:26px; color:var(--rojo-ficha); box-shadow:0 5px 0 var(--rosa), 0 8px 14px rgba(0,0,0,.3);}
.contacto-txt{display:flex; flex-direction:column; gap:4px; flex:1; min-width:200px;}
.contacto-label{font-size:12px; font-weight:700; letter-spacing:.14em; color:#F7C9D8;}
.contacto-txt a{font-family:'DM Serif Display',serif; font-size:23px; line-height:1.1; color:#fff; text-decoration:none; word-break:break-all;}
.contacto-nota{font-size:14px; color:#DCE5F5;}

.faqs, .secciones{display:flex; flex-direction:column; gap:14px;}
.faq-titulo{font-size:26px; color:var(--porcelana); padding-bottom:10px; border-bottom:2px solid var(--dorado);}
.faq{display:grid; grid-template-columns:36px 1fr; gap:14px; align-items:start; padding:16px 18px; border-radius:14px; background:#fff; box-shadow:0 0 0 1.5px var(--linea);}
.ficha.num{width:34px; height:46px; border-radius:6px; font-size:20px; color:var(--porcelana); box-shadow:0 3px 0 var(--canto), 0 4px 7px rgba(30,40,60,.15);}
.ficha.num.sm{width:30px; height:40px; border-radius:5px; font-size:18px;}
.faq h3{font-size:21px; line-height:1.2; color:var(--porcelana); margin-bottom:6px;}
.faq p, .seccion p{margin:0; font-size:15px; line-height:1.6; color:var(--texto-2); text-wrap:pretty;}
.seccion{padding:20px 22px; border-radius:14px; background:#fff; box-shadow:0 0 0 1.5px var(--linea); display:flex; flex-direction:column; gap:10px;}
.seccion-head{display:flex; align-items:center; gap:12px;}
.seccion h2{font-size:21px; line-height:1.15; color:var(--porcelana);}
.seccion p.vineta{position:relative; padding-left:18px;}
.seccion p.vineta::before{content:""; position:absolute; left:0; top:8px; width:8px; height:8px; border-radius:2px; background:var(--rosa); transform:rotate(45deg);}

@media (min-width:700px){
  body.legal{--gingham:56px; --outer:28px; --mat-radius:26px; --f1:10px; --f2:13px; --f3:15px;}
  .legal .mat{padding:36px 48px 32px; gap:28px;}
  .legal .logo .ficha{width:48px; height:64px; font-size:30px;}
  .legal .logo-1{font-size:32px;} .legal .logo-2{font-size:38px;}
  .doc{gap:28px;} .doc .eyebrow{font-size:14px;} .doc h1{font-size:56px;} .intro{font-size:17px;}
  .contacto-txt a{font-size:30px;} .faq-titulo{font-size:32px;} .seccion h2{font-size:24px;}
}

/* Inicio */
body.legal.inicio{--marco:#8DBE3F;}
.inicio .doc h1 em{font-style:italic;}
.inicio .btn-azul{text-decoration:none;}
.nota-app{font-weight:600; color:var(--porcelana) !important; margin-top:6px !important;}