/* ═══ BrisaTerra · web de lanzamiento del radar ═══
   Hereda el sistema visual del radar y del panel: mismos colores, mismas
   tipografías, mismo logotipo, mismos radios. Lo que cambia es el ritmo:
   esta web se lee de una pasada, no se consulta.
   A diferencia del radar, la hoja va aparte y no embebida: son nueve páginas
   y conviene que el navegador la guarde en caché una sola vez. */

:root{
  --lienzo:#FAF9F6; --nieve:#FFFFFF; --tinta:#1A231F; --grafito:#66736C; --suave:#48544E;
  --linea:#E7E4DC; --linea2:#F0EDE6;
  --v-p:#E8F1E9; --v-f:#2E6B52; --v-b:#CFE2D4;
  --a-p:#E8EDF7; --a-f:#3D5A8F;
  --c-p:#FBEAE3; --c-f:#B4573D;
  --m-p:#FCF2DE; --m-f:#8F660F; --m-b:#F2E2C0;
  --f-tit:'Bricolage Grotesque',system-ui,sans-serif;
  --f-txt:'Newsreader',Georgia,serif;
  --f-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,monospace;
  --r:14px; --r2:10px; --max:1180px; --barra:66px;
  --sombra:0 1px 2px rgba(26,35,31,.04), 0 6px 20px rgba(26,35,31,.05);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--barra) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--lienzo);color:var(--tinta);font-family:var(--f-txt);
  font-size:17.5px;line-height:1.65;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;
  overflow-x:hidden}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-tit);font-weight:600;letter-spacing:-.022em;line-height:1.14;
  margin:0;text-wrap:balance}
p{margin:0 0 1em}
img,svg{max-width:100%}

.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.col{max-width:70ch}
.mono{font-family:var(--f-mono);font-size:.84em;font-variant-numeric:tabular-nums}
.rot{font-family:var(--f-mono);font-size:10.5px;font-weight:500;letter-spacing:.13em;
  text-transform:uppercase;color:var(--grafito);display:block;margin-bottom:6px}
:focus-visible{outline:2.5px solid var(--v-f);outline-offset:3px;border-radius:4px}
.saltar{position:absolute;left:-9999px;top:8px;background:var(--nieve);padding:10px 18px;
  border-radius:100px;z-index:200}
.saltar:focus{left:16px}

/* ── logotipo ─────────────────────────────────────────────── */
.lg-aro{fill:none;stroke:currentColor;stroke-width:1.6;opacity:.28}
.lg-brisa,.lg-terra{fill:none;stroke-linecap:round;stroke-width:2.7}
.lg-brisa{stroke:var(--v-f)}
.lg-terra{stroke:var(--tinta);opacity:.82}
.logo-nav{width:34px;height:34px;display:block;flex:none}
.logo-pie{width:40px;height:40px;display:block;margin-bottom:14px}

/* ── barra ────────────────────────────────────────────────── */
.barra{position:sticky;top:0;z-index:100;background:rgba(250,249,246,.9);
  backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--linea)}
.barra-in{height:var(--barra);display:flex;align-items:center;gap:16px}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}
.marca-txt b{display:block;font-family:var(--f-tit);font-size:16px;font-stretch:92%;letter-spacing:-.01em}
.marca-txt span{display:block;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--grafito);margin-top:1px}
.enlaces{display:flex;gap:2px;align-items:center}
.enlaces a{font-family:var(--f-tit);font-size:15px;font-stretch:96%;text-decoration:none;
  color:var(--suave);padding:8px 14px;border-radius:999px;transition:background .15s,color .15s}
.enlaces a:hover{background:var(--linea2);color:var(--tinta)}
.enlaces a[aria-current]{background:var(--tinta);color:var(--lienzo)}
.hamburguesa{display:none;background:var(--nieve);border:1px solid var(--linea);cursor:pointer;padding:10px;
  gap:5px;flex-direction:column;width:44px;height:42px;justify-content:center;align-items:stretch;border-radius:10px}
.hamburguesa span{display:block;width:22px;height:2px;background:var(--tinta);border-radius:2px}
@media(max-width:900px){
  .enlaces{position:absolute;top:var(--barra);left:0;right:0;background:var(--nieve);
    border-bottom:1px solid var(--linea);flex-direction:column;align-items:stretch;
    padding:10px 16px 16px;display:none}
  .enlaces.abierto{display:flex}
  .enlaces a{padding:12px 14px}
  .hamburguesa{display:flex}
}

/* ── héroe y cabeceras ────────────────────────────────────── */
.heroe{position:relative;padding:74px 0 62px;overflow:hidden;
  background:linear-gradient(165deg,var(--v-p) 0%,var(--lienzo) 46%,var(--a-p) 100%)}
.heroe-in{max-width:900px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-mono);font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--suave);background:rgba(255,255,255,.7);
  border:1px solid var(--linea);border-radius:999px;padding:7px 15px;margin:0 0 24px}
.pulso{width:7px;height:7px;border-radius:50%;background:var(--v-f);flex:none}
.heroe h1{font-size:clamp(36px,5.6vw,62px);font-stretch:88%;max-width:17ch;margin-bottom:22px}
.entradilla{font-size:19.5px;color:var(--suave);max-width:62ch;margin:0}
.acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));
  gap:11px;margin-top:40px;max-width:840px}
.cifra{background:rgba(255,255,255,.8);border:1px solid var(--linea);border-radius:var(--r2);
  padding:14px 16px}
.cifra b{display:block;font-family:var(--f-tit);font-size:28px;font-weight:700;letter-spacing:-.03em;
  line-height:1;font-variant-numeric:tabular-nums}
.cifra span{font-family:var(--f-mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--grafito);display:block;margin-top:6px;line-height:1.45}
.pie-prueba{color:var(--suave);margin:26px 0 0;max-width:70ch}

.cab{padding:60px 0 44px;border-bottom:1px solid var(--linea)}
.cab .rot{color:var(--v-f)}
.cab h1{font-size:clamp(32px,4.6vw,50px);font-stretch:90%;max-width:18ch;margin:0 0 18px}

/* ── bloques ──────────────────────────────────────────────── */
.bloque{padding:62px 0}
.bloque.tenue{background:var(--nieve);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.bloque h2{font-size:clamp(24px,3vw,32px);font-stretch:92%;margin:0 0 8px}
.bloque h2.sub{margin-top:44px}
.sub-txt{color:var(--suave);max-width:70ch;margin-bottom:26px}
.lis{max-width:70ch;padding-left:1.15em;margin:0 0 1.1em}
.lis li{margin-bottom:.5em}
.lis li::marker{color:var(--grafito)}
.verlo{display:inline-block;margin-top:22px;font-family:var(--f-mono);font-size:13px;
  color:var(--v-f);text-decoration:none;font-weight:500}
.verlo:hover{text-decoration:underline}
.nota{font-size:14.5px;color:var(--suave)}
.proc{color:var(--grafito);font-size:12.5px;margin-top:26px;padding-top:14px;
  border-top:1px solid var(--linea)}

/* ── botones ──────────────────────────────────────────────── */
.boton{display:inline-block;background:var(--v-f);color:var(--nieve);font-family:var(--f-mono);
  font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;
  padding:14px 24px;border-radius:999px;text-decoration:none;border:1px solid var(--v-f);
  transition:transform .16s,box-shadow .16s;white-space:nowrap}
.boton:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(26,35,31,.16)}
.boton.fantasma{background:transparent;color:var(--v-f);border-color:var(--v-b)}
.boton.fantasma:hover{background:var(--v-p)}

/* ── perfiles y servicios en portada ──────────────────────── */
.perfiles{display:grid;gap:16px;margin-top:26px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.perfil{background:var(--nieve);border:1px solid var(--linea);border-radius:var(--r);padding:24px}
.perfil h3{font-size:18px;font-stretch:94%;margin-bottom:9px}
.perfil p{font-size:15px;color:var(--suave);margin:0}

.servs-mini{display:grid;gap:16px;margin-top:22px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.serv-mini{background:var(--lienzo);border:1px solid var(--linea);border-radius:var(--r);padding:24px}
.serv-mini-cab{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;
  margin-bottom:10px}
.serv-mini h3{font-size:19px;font-stretch:94%}
.serv-mini p{font-size:15px;color:var(--suave)}
.precio{display:block;font-size:15px;font-weight:600;color:var(--v-f);
  padding-top:12px;border-top:1px solid var(--linea2)}

/* ── estados ──────────────────────────────────────────────── */
.est{font-family:var(--f-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;
  font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap;flex:none}
.est.e-serv{background:var(--v-p);color:var(--v-f);border:1px solid var(--v-b)}
.est.e-piloto{background:var(--m-p);color:var(--m-f);border:1px solid var(--m-b)}
.est.e-prep{background:var(--linea2);color:var(--grafito);border:1px solid var(--linea)}

/* ── preguntas y respuestas (la página «Qué es») ──────────── */
.qa{padding:34px 0;border-bottom:1px solid var(--linea)}
.qa:first-child{padding-top:0}
.qa:last-child{border-bottom:0}
.qa h2{font-size:clamp(22px,2.7vw,28px);margin-bottom:14px}
.respuesta{font-size:19px;color:var(--tinta);border-left:3px solid var(--v-f);
  padding-left:18px;margin-bottom:20px}
.qa p:not(.respuesta){color:var(--suave)}

/* ── servicios en detalle ─────────────────────────────────── */
.servicios{display:grid;gap:20px;margin-top:28px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.servicio{background:var(--nieve);border:1px solid var(--linea);border-radius:var(--r);
  padding:28px;display:flex;flex-direction:column;box-shadow:var(--sombra)}
.serv-cab{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.serv-cab h2{font-size:22px;margin:0}
.serv-sum{color:var(--suave);font-size:15.5px}
.serv-precio{margin:14px 0 18px;padding:14px 0;border-top:1px solid var(--linea2);
  border-bottom:1px solid var(--linea2)}
.serv-precio b{font-family:var(--f-tit);font-size:26px;font-weight:700;letter-spacing:-.03em;
  color:var(--v-f);display:block}
.serv-precio .mono{color:var(--grafito);display:block;margin-top:5px}
.servicio .lis{font-size:15px;flex:1}
.como{font-size:14.5px;color:var(--suave);background:var(--lienzo);border-radius:var(--r2);
  padding:16px 18px;margin-bottom:18px}
.servicio .boton{align-self:flex-start}

.aviso{background:var(--m-p);border:1px solid var(--m-b);border-left:4px solid var(--m-f);
  border-radius:var(--r2);padding:19px 22px;max-width:78ch}
.aviso .rot{color:var(--m-f)}
.aviso p{margin:0;font-size:15.5px}

/* ── piloto ───────────────────────────────────────────────── */
.dos{display:grid;gap:16px;margin:28px 0;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.caja{background:var(--nieve);border:1px solid var(--linea);border-radius:var(--r);padding:22px 24px}
.caja .lis{margin-bottom:0;font-size:15px}
.caja.destacada{background:var(--v-p);border-color:var(--v-b);margin-top:26px}
.caja.destacada .boton{margin-top:4px}
.caja.destacada .nota{margin:14px 0 0}

/* ── bitácora ─────────────────────────────────────────────── */
.entradas{display:grid;gap:2px;background:var(--linea);border:1px solid var(--linea);
  border-radius:var(--r);overflow:hidden}
.entrada{background:var(--nieve);padding:28px 30px}
.entrada-cab{display:flex;gap:12px;align-items:center;margin-bottom:11px}
.etiqueta{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  font-weight:600;color:var(--v-f);background:var(--v-p);border-radius:999px;padding:4px 11px}
.entrada-cab time{color:var(--grafito)}
.entrada h2{font-size:21px;font-stretch:94%;margin-bottom:9px}
.entrada h2 a{text-decoration:none}
.entrada h2 a:hover{color:var(--v-f)}
.entrada p{font-size:15.5px;color:var(--suave);margin:0}
.entrada .verlo{margin-top:14px}

.entrada-larga{padding-top:38px}
.miga{display:block;margin-bottom:26px}
.miga a{color:var(--grafito);text-decoration:none}
.miga a:hover{color:var(--v-f)}
.entrada-larga h1{font-size:clamp(28px,4vw,42px);font-stretch:90%;margin:6px 0 18px}
.entrada-larga .entradilla{font-size:19px;margin-bottom:28px}
.entrada-larga p{max-width:70ch}

/* ── quiénes somos ────────────────────────────────────────── */
.persona{background:var(--nieve);border:1px solid var(--linea);border-radius:var(--r);
  padding:28px 30px;margin-bottom:28px}
.persona-cab{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;margin-bottom:12px}
.persona-cab h2{font-size:24px;margin:0}
.cargo{color:var(--v-f);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:11px}
.persona p{margin:0;color:var(--suave)}

.reglas{display:grid;gap:15px;margin-top:26px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.regla{background:var(--lienzo);border:1px solid var(--linea);border-radius:var(--r2);padding:20px 22px}
.regla b{font-family:var(--f-tit);font-size:17px;display:block;margin-bottom:7px}
.regla p{margin:0;font-size:14.5px;color:var(--suave);line-height:1.55}

/* ── legal ────────────────────────────────────────────────── */
.legal-b{margin-bottom:34px}
.legal-b h2{font-size:20px;margin-bottom:10px}
.legal-b p{color:var(--suave);max-width:74ch}

/* ── franja de llamada a la acción ────────────────────────── */
.franja{background:var(--tinta);color:var(--lienzo);padding:46px 0}
.franja-in{display:grid;gap:22px;align-items:center}
@media(min-width:780px){.franja-in{grid-template-columns:1fr auto;gap:34px}}
.franja b{font-family:var(--f-tit);font-size:24px;font-stretch:92%;display:block;margin-bottom:8px}
.franja p{margin:0;color:rgba(250,249,246,.76);max-width:64ch;font-size:16px}
.franja .boton{background:var(--lienzo);color:var(--tinta);border-color:var(--lienzo)}
.franja .boton:hover{box-shadow:0 6px 18px rgba(0,0,0,.3)}

/* ── pie ──────────────────────────────────────────────────── */
.pie{background:var(--nieve);border-top:1px solid var(--linea);padding:52px 0 34px;margin-top:0}
.pie-grid{display:grid;gap:28px;margin-bottom:34px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.pie p{font-size:14px;color:var(--suave);margin:0;line-height:1.6}
.pie-mapa{padding-top:22px;border-top:1px solid var(--linea);font-size:14.5px;color:var(--suave)}
.pie-mapa a{color:var(--suave);text-decoration:none}
.pie-mapa a:hover{color:var(--v-f);text-decoration:underline}
.pie-mapa b{color:var(--tinta);font-weight:600}
.pie-fin{margin-top:18px;color:var(--grafito)}
.pie-fin a{color:var(--v-f)}

/* ── método y transparencia ───────────────────────────────── */
.principios{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.principio{background:var(--nieve);border:1px solid var(--linea);border-radius:var(--r);padding:21px 22px}
.principio .rot{color:var(--v-f)}
.principio p{margin:0;color:var(--suave);font-size:15px;line-height:1.58}
.jerarquia{margin-top:24px}
.jerarquia strong{font-family:var(--f-tit);font-size:16px;color:var(--v-f)}

/* ── hoja de ruta ─────────────────────────────────────────── */
.hitos{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.hito{background:var(--nieve);border:1px solid var(--linea);border-radius:var(--r);padding:23px;min-height:220px;display:flex;flex-direction:column;align-items:flex-start}
.hito h2{font-size:21px;margin:16px 0 9px}
.hito p{font-size:15px;color:var(--suave);line-height:1.58;margin:0}

/* ── libro fundacional ────────────────────────────────────── */
.libro-intro{padding-bottom:42px}
.libro-acciones{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;background:var(--v-p);border:1px solid var(--v-b);border-radius:var(--r)}
.libro-acciones p{max-width:68ch;margin:0;color:var(--suave)}
.indice-libro{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.indice-libro a{font-family:var(--f-mono);font-size:11px;line-height:1.35;text-decoration:none;color:var(--suave);border:1px solid var(--linea);background:var(--nieve);border-radius:999px;padding:8px 11px}
.indice-libro a:hover{color:var(--v-f);border-color:var(--v-b);background:var(--v-p)}
.libro-contenido{max-width:78ch}
.cap-libro{padding:42px 0;border-bottom:1px solid var(--linea)}
.cap-libro:first-child{padding-top:0}.cap-libro:last-child{border-bottom:0;padding-bottom:0}
.cap-libro h2{font-size:clamp(27px,3.3vw,38px);margin-bottom:19px}
.cap-libro h3{font-size:19px;margin:27px 0 8px}
.cap-libro-txt p{color:var(--suave);max-width:72ch}
.cap-libro-txt strong{color:var(--tinta);font-weight:600}
.cap-libro-txt code{font-family:var(--f-mono);font-size:.8em;background:var(--linea2);padding:2px 5px;border-radius:4px}
.cita-libro{font-size:23px;line-height:1.35;color:var(--v-f)!important;border-left:3px solid var(--v-f);padding-left:19px;margin:22px 0!important}

@media(max-width:700px){
  .libro-acciones{display:block;padding:22px}
  .libro-acciones .boton{margin-top:17px}
  .cab{padding:46px 0 35px}
  .bloque{padding:48px 0}
  .heroe{padding:54px 0 48px}
}