/* Bajalia · mobile-first · sin dependencias */
:root{
--tx:#16232d;--su:#4b5a68;--fo:#f4f6f8;--bo:#dde3e9;--ln:1px solid #dde3e9;
--pri:#0e6577;--po:#0a4a57;--pc:#e5f3f5;
--osc1:#0f2933;--osc2:#134e5e;--g2:linear-gradient(135deg,#134e5e,#0e6577);--grad:linear-gradient(135deg,#0f2933,#134e5e);
--cta:#f5a524;--cta-osc:#e0900b;
--ok:#157a3c;--ok-fondo:#e6f6ec;--ok-borde:#b5e2c5;
--alerta:#fff5db;--alerta-borde:#d39500;--error:#b42318;
--r:12px;--rs:8px;
--so:0 1px 2px rgba(15,41,51,.06),0 2px 6px rgba(15,41,51,.06);
--sa:0 10px 28px rgba(15,41,51,.13),0 2px 6px rgba(15,41,51,.06);
--ancho:70rem
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1.0625rem;line-height:1.6;color:var(--tx);background:var(--fo)}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;letter-spacing:-.015em}
h1{font-size:clamp(1.75rem,5.2vw,2.75rem)}
h2{font-size:clamp(1.25rem,3vw,1.6rem)}
h3{font-size:1.08rem}
p,ul,ol,dl{margin:0 0 1rem}
a{color:var(--pri);text-underline-offset:.15em}
a:hover{color:var(--po)}
:focus-visible{outline:3px solid var(--cta);outline-offset:2px;border-radius:4px}
svg{flex-shrink:0}
.icono{width:1.4rem;height:1.4rem;vertical-align:middle}
.icono--xs{width:.95rem;height:.95rem}
.icono--sm{width:1.15rem;height:1.15rem}
.icono--lg{width:1.8rem;height:1.8rem}
.contenedor{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 1rem}
.principal{padding-top:1rem;padding-bottom:3.5rem}
.visualmente-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:-999px;top:0;background:#fff;padding:.5rem 1rem;z-index:10}
.saltar:focus{left:1rem}
.cabecera{background:#fff;border-bottom:var(--ln);position:sticky;top:0;z-index:5}
.cabecera__fila{justify-content:space-between;gap:1rem;min-height:3.75rem}
.logo{gap:.55rem;font-weight:800;font-size:1.2rem;color:var(--tx);text-decoration:none;letter-spacing:-.02em}
.logo__marca{width:2rem;height:2rem;border-radius:9px;background:var(--g2);color:#fff;font-size:1.05rem}
.nav{gap:.25rem;margin:0}
.nav a{display:block;padding:.45rem .75rem;border-radius:var(--rs);text-decoration:none;color:var(--tx);font-weight:600;font-size:.97rem}
.nav a:hover,.nav a[aria-current]{background:var(--pc)}
.nav .nav__cta{background:var(--pri);color:#fff}
.nav .nav__cta:hover,.nav .nav__cta[aria-current]{background:var(--po);color:#fff}
.migas ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:1rem 0 0;font-size:.9rem;color:var(--su)}
.migas li+li::before{content:"›";margin:0 .45rem}
.migas a{color:var(--su)}
.logo__marca,.garantia__icono,.como__icono,.ts__icono,.dato__icono,.canal__icono,.cta-carta__icono,.otras-cartas__icono,.tipo__icono,.burofax__icono,.paso__num,.asistente span,.te__avatar,.pasos li::before{display:inline-grid;place-items:center;flex-shrink:0}
.dato dt,.canal__tipo,.alternativa__etiqueta{text-transform:uppercase;letter-spacing:.05em}
.tarjeta-sector a,.tarjeta-empresa a,.como__pasos li,.paso,.faq,.otras-cartas a,.burofax,.panel,.canal,.lista-sectores a{background:#fff;border:var(--ln);border-radius:var(--r)}
.cabecera__fila,.nav,.populares,.carta-mini__cab,.te__cabecera,.dato dt,.asistente li,.paso legend,.acciones,.confianza__titulo,.confianza li,.vista__barra,.vista__barra h2,.burofax__cabecera{display:flex;align-items:center}
.logo,.boton,.pildora,.insignia,.chip,.carta-mini__sello,.antetitulo a,.ts__pie,.te__ver,.lista-sectores a{display:inline-flex;align-items:center}
.nav,.resultados,.rejilla,.como__pasos,.pasos,.canales,.otras-cartas,.lista-sectores,.asistente,.confianza ul,.burofax__opciones,.pie__enlaces{list-style:none;padding:0}
.boton{justify-content:center;gap:.5rem;padding:.75rem 1.2rem;border-radius:var(--rs);border:2px solid var(--pri);background:var(--pri);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.2;text-align:center;transition:.18s}
.boton:hover{background:var(--po);border-color:var(--po);color:#fff}
.boton--secundario{background:#fff;color:var(--pri)}
.boton--secundario:hover{background:var(--pc);color:var(--po)}
.boton--cta{background:var(--cta);border-color:var(--cta);color:#1f1300;box-shadow:0 4px 14px rgba(245,165,36,.35)}
.boton--cta:hover{background:var(--cta-osc);border-color:var(--cta-osc);color:#1f1300;transform:translateY(-1px)}
.boton--grande{padding:.95rem 1.5rem;font-size:1.05rem}
.pildora{gap:.4rem;margin:0 0 1rem;padding:.3rem .8rem;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#e3f4f7;font-size:.85rem;font-weight:600}
.pildora--clara{background:var(--pc);border-color:#c2e2e8;color:var(--po)}
.insignia{gap:.3rem;padding:.15rem .55rem;border-radius:99px;font-size:.8rem;font-weight:700;border:1px solid}
.insignia--ok{background:var(--ok-fondo);color:var(--ok);border-color:var(--ok-borde)}
.insignia--pendiente{background:var(--alerta);color:#7a5600;border-color:#f0d58a}
.insignia--grande{font-size:.9rem;padding:.3rem .8rem;margin:0}
.chip{gap:.25rem;padding:.12rem .5rem;border-radius:6px;background:var(--fo);border:var(--ln);color:var(--su);font-size:.78rem;font-weight:600}
.hero{color:#fff;background:radial-gradient(circle at 85% 15%,rgba(94,201,214,.22),transparent 45%),var(--grad);padding:2.75rem 0 3.25rem;position:relative;overflow:hidden}
.hero__rejilla{display:grid;gap:2.5rem;align-items:center}
.hero h1{color:#fff;max-width:20ch}
.hero__resalte{color:#7fdbe6}
.hero__sub{font-size:1.15rem;max-width:36rem;margin-bottom:0}
.buscador{position:relative;margin:1.5rem 0 1rem;max-width:38rem}
.buscador__campo{position:relative}
.buscador__lupa{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--su);width:1.35rem;height:1.35rem}
.buscador input{width:100%;padding:1.05rem 1rem 1.05rem 3.2rem;font:inherit;font-size:1.1rem;color:var(--tx);border:2px solid transparent;border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.25)}
.buscador input:focus{outline:none;border-color:var(--cta)}
.resultados{margin:.5rem 0 0;background:#fff;border-radius:var(--r);box-shadow:var(--sa);overflow:hidden}
.resultados:empty{display:none}
.resultados a,.resultados__vacio{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1.1rem;color:var(--tx);text-decoration:none;border-bottom:var(--ln)}
.resultados li:last-child a{border-bottom:0}
.resultados a:hover,.resultados a:focus{background:var(--pc)}
.resultados small{color:var(--su)}
.resultados__vacio{color:var(--su);font-size:.95rem}
.populares{flex-wrap:wrap;gap:.5rem;font-size:.92rem;color:#b9d6dd;margin:0}
.populares a{color:#fff;text-decoration:none;padding:.2rem .7rem;border-radius:99px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}
.populares a:hover{background:rgba(255,255,255,.2);color:#fff}
.hero__carta{display:none}
.carta-mini{background:#fff;color:var(--tx);border-radius:var(--r);padding:1.25rem 1.4rem;box-shadow:0 24px 60px rgba(0,0,0,.35);transform:rotate(2deg);max-width:20rem;margin-left:auto}
.carta-mini__cab{gap:.4rem;font-size:.8rem;font-weight:700;color:var(--su);margin:0 0 1rem;padding-bottom:.6rem;border-bottom:var(--ln)}
.carta-mini__asunto{font-weight:700;font-size:.85rem;margin:.9rem 0 .6rem}
.carta-mini__linea{display:block;height:.45rem;border-radius:4px;background:#e6ebef;margin:.45rem 0}
.carta-mini__linea--media{width:70%}
.carta-mini__linea--corta{width:42%}
.carta-mini__sello{gap:.35rem;margin:1rem 0 0;padding:.25rem .7rem;border-radius:99px;background:var(--ok-fondo);color:var(--ok);font-size:.8rem;font-weight:700}
.garantias{background:#fff;border-bottom:var(--ln)}
.garantias__lista{list-style:none;margin:0 auto;display:grid;gap:1rem;padding-top:1.4rem;padding-bottom:1.4rem}
.garantias li{display:flex;gap:.85rem;align-items:flex-start;font-size:.93rem;color:var(--su)}
.garantias strong{display:block;color:var(--tx);font-size:1rem}
.garantia__icono{width:2.75rem;height:2.75rem;border-radius:var(--r);background:var(--pc);color:var(--pri)}
.bloque{margin:3rem 0}
.bloque__cabecera{margin-bottom:1.25rem}
.bloque__cabecera p{color:var(--su);margin:0}
.cabecera-pagina{margin:1.25rem 0 1.5rem}
.cabecera-pagina--icono{display:flex;gap:1rem;align-items:flex-start}
.antetitulo{margin:0 0 .5rem;font-size:.9rem;font-weight:700}
.antetitulo a{gap:.5rem;text-decoration:none}
.entradilla{font-size:1.15rem;color:var(--su);max-width:46rem}
.rejilla{display:grid;grid-template-columns:1fr;gap:1rem;margin:0 0 1rem}
.tarjeta-sector a,.tarjeta-empresa a{display:flex;flex-direction:column;height:100%;padding:1.2rem;text-decoration:none;color:var(--tx);box-shadow:var(--so);transition:.18s}
.tarjeta-sector a:hover,.tarjeta-empresa a:hover{transform:translateY(-3px);box-shadow:var(--sa);border-color:var(--pri);color:var(--tx)}
.ts__icono{width:3rem;height:3rem;border-radius:var(--r);margin-bottom:.85rem}
.ts__icono--grande{width:3.75rem;height:3.75rem;margin:0}
.ts__icono--mini{width:1.9rem;height:1.9rem;border-radius:var(--rs);margin:0}
.ts__icono--telecomunicaciones{background:#e6f0ff;color:#1d5bbf}
.ts__icono--energia{background:#fff4d9;color:#a86b00}
.ts__icono--alarmas{background:#fde8e8;color:#b42318}
.ts__icono--gimnasios{background:#ece9fe;color:#5b3fd1}
.ts__icono--banca{background:#e2f5ef;color:#127355}
.ts__icono--seguros{background:#e5f3f5;color:var(--pri)}
.ts__nombre{font-weight:750;font-size:1.12rem}
.ts__desc{color:var(--su);font-size:.93rem;margin:.2rem 0 .9rem}
.ts__pie,.te__ver{margin-top:auto;gap:.35rem;font-weight:700;font-size:.9rem;color:var(--pri)}
.te__cabecera{gap:.75rem;margin-bottom:.75rem}
.te__avatar{width:2.6rem;height:2.6rem;border-radius:var(--rs);background:var(--g2);color:#fff;font-weight:800;font-size:1.1rem}
.te__titulos{display:flex;flex-direction:column;min-width:0}
.te__nombre{font-weight:750;font-size:1.08rem;line-height:1.25}
.te__sector{font-size:.85rem;color:var(--su)}
.tarjeta-empresa .insignia{align-self:flex-start}
.te__metodos{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0 1rem}
.como__pasos{display:grid;gap:1rem;counter-reset:none}
.como__pasos li{position:relative;padding:1.4rem 1.3rem 1.2rem;box-shadow:var(--so)}
.como__pasos p{color:var(--su);font-size:.95rem;margin:0}
.como__num{position:absolute;top:1rem;right:1.1rem;font-size:2.4rem;font-weight:800;line-height:1;color:#e3ebef}
.como__icono{width:2.9rem;height:2.9rem;border-radius:var(--r);background:var(--g2);color:#fff;margin-bottom:.85rem}
.banda-cta,.cta-carta{display:grid;gap:1.25rem;align-items:center;border-radius:16px;color:#fff;background:var(--grad)}
.banda-cta{margin:3rem 0;padding:1.75rem 1.5rem}
.banda-cta h2,.cta-carta h2{color:#fff;margin-bottom:.3rem}
.banda-cta p,.cta-carta p,.hero__sub{color:#cfe5ea;margin:0}
.pasos{counter-reset:paso;margin-left:.2rem}
.pasos li{counter-increment:paso;position:relative;padding:0 0 1.25rem 3rem;border-left:2px solid var(--bo);margin-left:1rem}
.pasos li:last-child{border-left-color:transparent}
.pasos li::before{content:counter(paso);position:absolute;left:-1.05rem;top:-.15rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--pri);color:#fff;font-weight:800;font-size:.95rem;box-shadow:0 0 0 4px var(--fo)}
.panel{border-radius:16px;padding:1.25rem;box-shadow:var(--sa);margin:1.5rem 0}
.panel__titulo{font-size:1.2rem}
/* Separación entre el resumen y el detalle por canal */
.panel__seccion {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 2px dashed var(--bo);
}
.panel__subtitulo { margin: 0 0 .2rem; font-size: 1.1rem; }
.panel__ayuda { margin: 0 0 .9rem; font-size: .92rem; color: var(--su); }
.panel__datos{display:grid;gap:.75rem;margin:0}
.dato{display:grid;gap:.25rem;padding:.9rem 1rem;border-radius:var(--r);background:var(--fo);border:1px solid #e8edf1}
.dato dt{gap:.6rem;font-size:.8rem;font-weight:800;color:var(--su)}
.dato dd{margin:0;font-size:.95rem}
.dato__icono{width:2.1rem;height:2.1rem;border-radius:var(--rs);background:#fff;color:var(--pri);border:var(--ln)}
.dato__icono .icono{width:1.1rem;height:1.1rem}
.dato--no{background:#fff7f5;border-color:#f3d2cb}
.dato--no .dato__icono{color:var(--error)}
.dato__destacado{font-size:1.45rem;font-weight:800;text-decoration:none;letter-spacing:.01em}
.dato__cif{color:var(--su)}
.canales{margin:0;display:grid;gap:.6rem}
.canal{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem .9rem;font-size:.95rem}
.canal__icono{width:2.2rem;height:2.2rem;border-radius:var(--rs);background:var(--pc);color:var(--pri)}
.canal__tipo{display:block;font-weight:800;font-size:.8rem;color:var(--pri)}
.cta-carta{margin:1.5rem 0 2.5rem;padding:1.5rem;box-shadow:var(--sa)}
.cta-carta h2{font-size:1.3rem}
.cta-carta__icono{width:3.4rem;height:3.4rem;border-radius:var(--r);background:rgba(255,255,255,.12);color:var(--cta)}
.otras-cartas{display:grid;gap:.75rem}
.otras-cartas a{display:grid;grid-template-columns:auto 1fr;column-gap:.85rem;align-items:center;padding:1rem;text-decoration:none;color:var(--tx);transition:.18s}
.otras-cartas a:hover{border-color:var(--pri);box-shadow:var(--so);color:var(--tx)}
.otras-cartas__icono{grid-row:span 2;width:2.6rem;height:2.6rem;border-radius:var(--rs);background:var(--pc);color:var(--pri)}
.otras-cartas span:last-child{font-size:.9rem;color:var(--su)}
.aviso{display:flex;gap:.75rem;align-items:flex-start;background:var(--pc);border:1px solid #c2e2e8;border-radius:var(--r);padding:1rem 1.1rem;margin:1rem 0}
.aviso p:last-child{margin-bottom:0}
.aviso__icono{color:var(--pri);margin-top:.1rem}
.aviso--alerta{background:var(--alerta);border-color:#f0d58a}
.aviso--relacionada { background: #eef4ff; border-color: #c7d7fb; }
.aviso--relacionada .aviso__icono { color: #1d5bbf; }
/* Aviso de desistimiento no disponible (banca y seguros) */
.aviso-desistimiento {
  margin: .75rem 0 0;
  padding: .7rem .9rem;
  border-radius: var(--rs);
  background: var(--alerta);
  border: 1px solid #f0d58a;
  color: #5c4100;
  font-size: .92rem;
}
.aviso--alerta .aviso__icono{color:#a86b00}
.cta-rapida{margin:1rem 0 0}
.verificacion{font-size:.9rem;color:var(--su);border-top:var(--ln);padding-top:1rem}
.alternativa{margin:2rem 0;padding:1.2rem 1.3rem;border:1px dashed var(--alerta-borde);border-radius:var(--r);background:#fffdf5}
.alternativa__etiqueta{display:inline-block;margin:0 0 .5rem;padding:.1rem .5rem;border-radius:4px;background:var(--alerta);color:#6b4800;font-size:.78rem;font-weight:800}
.alternativa__titulo{font-size:1.15rem}
.alternativa__nota{margin:.75rem 0 0;font-size:.85rem;color:var(--su)}
/* Consejo «Antes de darte de baja» (alternativa sin enlace) */
.consejo {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin: 2rem 0;
  padding: 1.2rem 1.3rem;
  background: #fff;
  border: 1px solid #c2e2e8;
  border-left: 5px solid var(--osc2);
  border-radius: var(--r);
  box-shadow: var(--so);
}
.consejo__icono {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: var(--rs);
  background: var(--pc);
  color: var(--osc2);
}
.consejo__titulo {
  margin: 0 0 .15rem;
  font-size: .8rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--osc2);
}
.consejo__nombre { margin: 0 0 .35rem; font-size: 1.12rem; font-weight: 750; }
.consejo__gancho { margin: 0 0 .35rem; font-weight: 600; }
.consejo__texto { margin: 0; color: var(--su); }

/* FAQs: sin marcador nativo ni outline del navegador; icono +/− a la derecha */
.faq {
  margin-bottom: .6rem;
  transition: border-color .18s;
}
.faq:hover { border-color: #9fcfd8; }
.faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .95rem 1.1rem;
  cursor: pointer;
  list-style: none;
  border-radius: var(--r);
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::marker { content: ""; }
.faq summary:focus { outline: none; }
.faq summary:focus-visible {
  outline: 2px solid var(--osc2);
  outline-offset: 2px;
}
.faq summary h3 { font-size: 1rem; margin: 0; }
.faq summary::after {
  content: "+";
  flex-shrink: 0;
  display: inline-grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: var(--pc);
  color: var(--osc2);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
}
.faq[open] summary::after { content: "\2212"; }
.faq[open] summary {
  border-bottom: var(--ln);
  border-radius: var(--r) var(--r) 0 0;
}
.faq p { padding: .85rem 1.1rem 0; margin: 0 0 1rem; }
.lista-sectores{display:flex;flex-wrap:wrap;gap:.6rem}
.lista-sectores a{gap:.55rem;padding:.4rem .9rem .4rem .45rem;border-radius:99px;text-decoration:none;color:var(--tx);font-weight:600}
.lista-sectores a:hover{border-color:var(--pri)}
.legal{max-width:46rem}
.legal h2{margin-top:1.75rem}
mark.rellenar{background:#ffe14d;color:#5c0000;font-weight:700;padding:.05rem .3rem;border:2px solid #d92d20;border-radius:4px}
.asistente{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.25rem 0 0;font-weight:700;font-size:.9rem;color:var(--su)}
.asistente li{gap:.45rem}
.asistente span{width:1.6rem;height:1.6rem;border-radius:50%;background:var(--pri);color:#fff;font-size:.8rem}
.generador{display:grid;gap:1.5rem}
.paso{padding:1.2rem 1.2rem .4rem;margin:0 0 1rem;min-width:0;box-shadow:var(--so)}
.paso legend{gap:.6rem;float:left;width:100%;margin-bottom:1rem;font-weight:800;font-size:1.08rem;padding:0}
.paso legend+*{clear:left}
.paso__num{width:1.9rem;height:1.9rem;border-radius:50%;background:var(--pri);color:#fff;font-size:.9rem}
.paso--extra{border-color:#c2e2e8;background:#fbfeff}
.campos{display:grid;gap:0 1rem;clear:left}
.campo{margin-bottom:.95rem}
.campo label{display:block;font-weight:650;margin-bottom:.3rem;font-size:.97rem}
.campo input,.campo select,.campo textarea{width:100%;padding:.7rem .8rem;font:inherit;color:inherit;background:#fff;border:1px solid #a9b4c0;border-radius:var(--rs);transition:.18s}
.campo textarea{resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 3px rgba(14,101,119,.18)}
.campo [aria-invalid=true]{border-color:var(--error);box-shadow:0 0 0 3px rgba(180,35,24,.12)}
.opcional{font-weight:400;color:var(--su)}
.ayuda{font-size:.88rem;color:var(--su);margin:.35rem 0 0}
.ayuda--destacada{clear:left;margin:0 0 1rem;padding:.6rem .8rem;border-radius:var(--rs);background:var(--alerta);color:#5c4100}
.tipos{display:grid;gap:.6rem;clear:left;margin-bottom:.8rem}
.tipo{position:relative;display:flex;gap:.75rem;align-items:flex-start;padding:.9rem;border:2px solid var(--bo);border-radius:var(--r);cursor:pointer;transition:.18s}
.tipo input{position:absolute;opacity:0;width:1px;height:1px}
.tipo:has(input:checked){border-color:var(--pri);background:var(--pc)}
.tipo:has(input:focus-visible){outline:3px solid var(--cta);outline-offset:2px}
.tipo--deshabilitado { opacity: .5; cursor: not-allowed; }
.tipo--deshabilitado:hover { border-color: var(--bo); }
.campo--check label { display: flex; gap: .6rem; align-items: flex-start; font-weight: 400; cursor: pointer; }
.campo--check input { width: auto; margin-top: .3rem; accent-color: var(--pri); }
.tipo__icono{width:2.5rem;height:2.5rem;border-radius:var(--rs);background:var(--fo);color:var(--pri)}
.tipo:has(input:checked) .tipo__icono{background:var(--pri);color:#fff}
.tipo__texto strong{display:block;line-height:1.3}
.tipo small{display:block;color:var(--su);font-size:.87rem;line-height:1.4;margin-top:.15rem}
.errores{border:2px solid var(--error);border-radius:var(--rs);padding:.75rem 1rem;color:var(--error);background:#fff5f4;margin-bottom:1rem}
.errores ul{margin:.25rem 0 0;padding-left:1.2rem}
.acciones{flex-wrap:wrap;gap:.75rem;margin-bottom:.6rem}
.estado{font-weight:700;color:var(--ok);margin:0 0 .8rem;min-height:1.6em}
.lateral{display:grid;gap:1rem;align-content:start}
.confianza{border-radius:var(--r);padding:1.1rem 1.2rem;background:var(--ok-fondo);border:1px solid var(--ok-borde)}
.confianza__titulo{gap:.5rem;font-weight:800;color:var(--ok);margin:0 0 .5rem}
.confianza ul{margin:0;display:grid;gap:.3rem;font-size:.92rem}
.confianza li{gap:.45rem}
.confianza li .icono{color:var(--ok)}
.vista{border-radius:var(--r);overflow:hidden;border:var(--ln);background:#e9eef2;box-shadow:var(--sa)}
.vista__barra{justify-content:space-between;padding:.55rem .9rem;background:var(--osc1);color:#fff}
.vista__barra h2{gap:.45rem;font-size:.92rem;margin:0;color:#fff}
.vista-previa{margin:1rem;background:#fff;border-radius:3px;box-shadow:0 2px 10px rgba(0,0,0,.12);padding:1.75rem 1.5rem;white-space:pre-wrap;overflow-wrap:anywhere;font-family:Georgia,"Times New Roman",serif;font-size:.9rem;line-height:1.55;max-height:36rem;overflow:auto}
.nota-legal{font-size:.82rem;color:var(--su);margin:0 1rem 1rem}
.burofax{border-radius:16px;padding:1.4rem;box-shadow:var(--so)}
.burofax__cabecera{gap:.85rem;margin-bottom:.75rem}
.burofax__cabecera h2{margin:0}
.burofax__icono{width:3.2rem;height:3.2rem;border-radius:var(--r);background:var(--pc);color:var(--pri)}
.burofax__opciones{display:grid;gap:.6rem}
.burofax__opciones li{padding:.8rem 1rem;border-left:4px solid var(--pri);background:var(--fo);border-radius:0 var(--rs) var(--rs) 0}
.burofax__opciones strong,.burofax__opciones span{display:block}
.burofax__opciones span{color:var(--su);font-size:.93rem}
.pie{background:var(--osc1);color:#c4d3d9;padding:2.5rem 0 1rem;font-size:.95rem}
.pie a{color:#fff}
.pie__fila{display:grid;gap:1.25rem}
.pie__marca{font-weight:800;font-size:1.15rem;color:#fff;margin-bottom:.35rem}
.pie__enlaces{display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1rem}
.pie__copy{font-size:.85rem;color:#8fa7b0;margin-top:1rem}
@media (min-width:40rem){
.rejilla,.garantias__lista,.panel__datos,.campos,.tipos{grid-template-columns:repeat(2,1fr)}
.campo--ancho{grid-column:1/-1}
.pie__fila{grid-template-columns:2fr 1fr}
.banda-cta,.cta-carta{grid-template-columns:1fr auto;padding:2rem}
.cta-carta{grid-template-columns:auto 1fr auto}
.otras-cartas{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:60rem){
.hero{padding:4rem 0 4.5rem}
.hero__rejilla{grid-template-columns:1.5fr 1fr}
.hero__carta{display:block}
.cta-rapida{display:none}
.rejilla,.garantias__lista,.como__pasos{grid-template-columns:repeat(3,1fr)}
.panel{padding:1.75rem}
.panel__datos{grid-template-columns:repeat(3,1fr)}
.canales{grid-template-columns:repeat(2,1fr)}
.generador{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}
.lateral{position:sticky;top:4.75rem}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:.18s}}