/* Paginas legales de Flexitos: mismos tokens que index.html, sin la parte de marketing. */
:root{
  --violeta:#562282; --violeta-osc:#34125C; --noche:#240C44; --magenta-viva:#E32383;
  --amarillo:#FFCD1E; --rojo:#E23038; --papel:#FFFBF0; --crema:#FFF5CD;
  --tinta:#281650; --tinta-suave:#6B5B85; --verde:#04853E;
  --radio:24px; --radio-sm:14px;
  --sombra:0 18px 40px -18px rgba(36,12,68,.42);
  --display:"Baloo 2","Trebuchet MS",system-ui,sans-serif;
  --texto:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{ box-sizing:border-box; }
[hidden]{ display:none !important; }
body{ margin:0; font-family:var(--texto); font-size:17px; line-height:1.65; color:var(--tinta); background:var(--papel); -webkit-font-smoothing:antialiased; }
a{ color:var(--violeta); }
img{ max-width:100%; height:auto; display:block; }

.barra{ background:var(--violeta-osc); padding:.8rem 16px; }
.barra__in{ max-width:820px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.barra img{ width:132px; }
.barra a.volver{ color:#fff; text-decoration:none; font-weight:700; font-size:.95rem; }
.barra a.volver:hover{ text-decoration:underline; }

main{ max-width:820px; margin:0 auto; padding:2.4rem 16px 3rem; }
h1,h2,h3{ font-family:var(--display); line-height:1.1; letter-spacing:-.01em; }
h1{ font-size:clamp(2rem,5vw,2.8rem); margin:0 0 .4rem; }
h2{ font-size:1.45rem; margin:2.2rem 0 .6rem; }
h3{ font-size:1.1rem; margin:1.4rem 0 .4rem; }
p, li{ margin:0 0 .8em; }
ul{ padding-left:1.3rem; }
.bajada{ color:var(--tinta-suave); margin-bottom:1.6rem; }
.fecha{ color:var(--tinta-suave); font-size:.9rem; }

.caja{ background:#fff; border-radius:var(--radio); box-shadow:var(--sombra); padding:1.6rem; border:2px solid rgba(86,34,130,.08); }
.aviso{ background:var(--crema); border-left:6px solid var(--amarillo); border-radius:var(--radio-sm); padding:1rem 1.2rem; margin:1.2rem 0; }
.aviso--rojo{ background:#FDECEC; border-left-color:var(--rojo); }
.indice{ columns:2 220px; padding-left:1.2rem; }

label{ display:block; font-weight:700; margin:1rem 0 .3rem; }
label small{ font-weight:400; color:var(--tinta-suave); }
input, textarea, select{
  width:100%; font:inherit; color:inherit; padding:.7rem .9rem;
  border:2px solid rgba(86,34,130,.22); border-radius:var(--radio-sm); background:#fff;
}
input:focus, textarea:focus, select:focus{ outline:3px solid var(--amarillo); outline-offset:1px; border-color:var(--violeta); }
textarea{ min-height:96px; resize:vertical; }
.fila{ display:grid; gap:0 1rem; grid-template-columns:1fr 1fr; }
@media (max-width:620px){ .fila{ grid-template-columns:1fr; } }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  font-family:var(--display); font-weight:800; font-size:1.1rem; line-height:1;
  padding:1rem 1.5rem; border-radius:999px; border:0; cursor:pointer; text-decoration:none;
  background:var(--rojo); color:#fff; box-shadow:0 10px 22px -12px rgba(226,48,56,.8);
}
.btn:hover{ filter:brightness(1.06); }
.btn--wa{ background:#1FA855; box-shadow:0 10px 22px -12px rgba(31,168,85,.8); }
.btn--ig{ background:var(--magenta-viva); }
.btn--claro{ background:#fff; color:var(--violeta); border:2px solid var(--violeta); box-shadow:none; }
.acciones{ display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.2rem; }
.numero{ font-family:var(--display); font-size:1.9rem; font-weight:800; color:var(--violeta); letter-spacing:.02em; }
.error{ color:var(--rojo); font-weight:700; }

.pie{ background:var(--noche); color:rgba(255,255,255,.72); padding:1.6rem 16px; font-size:.88rem; }
.pie__in{ max-width:820px; margin:0 auto; display:flex; flex-wrap:wrap; gap:.6rem 1.4rem; justify-content:space-between; }
.pie a{ color:#fff; }