/* Intersection Legal — /before-you-sign. Hoja propia: la pagina es nueva y no comparte
   estilos con styles.css salvo nav y footer, asi que nada de aqui puede romper otra
   pagina. Sin style="" inline: la CSP de produccion los mata y el local no lo delata. */
:root{
  --night:#11181d;--slate:#37454E;--sage:#33C19C;--accent:#246B58;
  --ink:#272B2E;--ink-2:#4a565e;--line:#DED9CB;--paper:#FBF9F2;
}
.bys{background:var(--paper);color:var(--ink);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.65}
.bys-wrap{max-width:1140px;margin:0 auto;padding:0 24px}

/* hero */
.bys-hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;
  background:var(--night);overflow:hidden}
.bys-hero picture,.bys-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bys-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(6,10,12,.94) 0%,rgba(6,10,12,.80) 26%,
  rgba(6,10,12,.42) 50%,rgba(6,10,12,.10) 74%,rgba(6,10,12,0) 100%)}
/* Scrim superior: el nav es blanco sobre transparente y el agua del hero lo lavaba.
   Va aparte del de abajo para no tocar el degradado que sostiene el titular. */
.bys-hero::before{content:"";position:absolute;top:0;left:0;right:0;height:210px;z-index:1;
  background:linear-gradient(to bottom,rgba(6,10,12,.72) 0%,rgba(6,10,12,.40) 46%,rgba(6,10,12,0) 100%)}
.bys-hero-in{position:relative;z-index:2;padding:0 0 84px;width:100%}
.bys-eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--sage);
  margin-bottom:20px}
.bys-hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:700;color:#fff;
  font-size:clamp(34px,5.4vw,64px);line-height:1.14;letter-spacing:-.02em;max-width:17ch}
.bys-hero p{color:#c3ced4;font-size:clamp(16px,2vw,19px);max-width:56ch;margin-top:22px}
.bys-cta{display:inline-block;margin-top:34px;background:var(--sage);color:var(--night);
  font-weight:600;font-size:16px;text-decoration:none;padding:16px 34px;border-radius:100px;
  transition:transform .18s ease,background .18s ease}
.bys-cta:hover{background:#4ad3ae;transform:translateY(-2px)}

/* secciones */
.bys-sec{padding:88px 0}
.bys-sec.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bys-sec h2{font-family:'Playfair Display',Georgia,serif;font-weight:700;
  font-size:clamp(26px,3.4vw,38px);line-height:1.2;letter-spacing:-.015em;max-width:20ch}
.bys-lead{color:var(--ink-2);font-size:17px;max-width:62ch;margin-top:16px}
.bys-rule{width:46px;height:3px;background:var(--sage);margin-top:22px}

/* lista de chequeo */
.bys-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:30px;margin-top:46px}
.bys-item{border-top:2px solid var(--night);padding-top:18px}
.bys-num{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:15px;
  color:var(--sage);letter-spacing:.06em}
.bys-item h3{font-size:17px;font-weight:600;margin-top:8px;color:var(--ink)}
.bys-item p{font-size:15px;color:var(--ink-2);margin-top:8px}

/* split con imagen */
.bys-split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.bys-split img{width:100%;height:auto;border-radius:10px;display:block}
.bys-not{list-style:none;margin-top:26px;padding:0}
.bys-not li{position:relative;padding-left:30px;margin-bottom:14px;color:var(--ink-2);font-size:16px}
.bys-not li::before{content:"—";position:absolute;left:0;color:var(--sage);font-weight:700}

/* formulario */
.bys-form-sec{background:var(--night);padding:88px 0}
.bys-form-sec h2{color:#fff}
.bys-form-sec .bys-lead{color:#9fb0b8}
.bys-form{max-width:680px;margin:40px auto 0;background:var(--paper);
  border-radius:14px;padding:40px}
.bys-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bys-field{margin-bottom:18px}
.bys-field label{display:block;font-size:13px;font-weight:600;letter-spacing:.02em;
  color:var(--ink);margin-bottom:7px}
.bys-field input,.bys-field select,.bys-field textarea{width:100%;font:inherit;font-size:15px;
  color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;
  padding:13px 14px;transition:border-color .16s ease}
.bys-field input:focus,.bys-field select:focus,.bys-field textarea:focus{
  outline:none;border-color:var(--sage);box-shadow:0 0 0 3px rgba(51,193,156,.16)}
.bys-field textarea{min-height:120px;resize:vertical}
.bys-field input[aria-invalid="true"]{border-color:#b3261e}
.bys-consent{display:flex;gap:12px;align-items:flex-start;margin:6px 0 22px}
.bys-consent input{width:18px;height:18px;margin-top:3px;flex:0 0 auto}
.bys-consent label{font-size:13.5px;color:var(--ink-2);line-height:1.55;font-weight:400}
.bys-consent a{color:var(--accent)}
.bys-submit{width:100%;background:var(--night);color:#fff;border:0;border-radius:100px;
  font:inherit;font-size:16px;font-weight:600;padding:17px;cursor:pointer;
  transition:background .18s ease}
.bys-submit:hover{background:#1c272e}
.bys-submit:disabled{opacity:.55;cursor:default}
.bys-status{margin-top:16px;font-size:14.5px;min-height:20px}
.bys-status.err{color:#b3261e}
.bys-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bys-legal{margin-top:26px;font-size:12.5px;line-height:1.6;color:var(--ink-2)}

@media (max-width:860px){
  .bys-split{grid-template-columns:1fr;gap:34px}
  .bys-row{grid-template-columns:1fr}
  .bys-form{padding:28px 22px}
  .bys-sec,.bys-form-sec{padding:62px 0}
  .bys-hero{min-height:82vh}
  .bys-hero-in{padding-bottom:56px}
}

/* /gracias no tiene hero, asi que el nav va solido (sin .transparent) y la seccion
   necesita aire para no quedar pegada debajo de el. */
.bys-topgap{padding-top:132px}

/* ---- captura del checklist: el PDF es la oferta ---- */
.bys-cta-alt{display:inline-block;margin-top:18px;margin-left:22px;color:#c3ced4;
  font-size:15px;text-decoration:none;border-bottom:1px solid rgba(195,206,212,.4);
  padding-bottom:2px;transition:color .18s ease,border-color .18s ease}
.bys-cta-alt:hover{color:#fff;border-color:#fff}
.bys-mag{background:var(--night);color:#fff;padding:76px 0}
.bys-mag-in{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.bys-mag-eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--sage);margin-bottom:16px}
.bys-mag h2{font-family:'Playfair Display',Georgia,serif;font-weight:700;color:#fff;
  font-size:clamp(26px,3.2vw,36px);line-height:1.2;letter-spacing:-.015em;max-width:18ch}
.bys-mag p{color:#b6c2c8;font-size:16px;max-width:52ch;margin-top:16px}
.bys-mag-form{background:#18222a;border:1px solid #2b3942;border-radius:10px;padding:28px}
.bys-mag-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bys-mag-form .bys-field label{color:#c9d4da}
.bys-mag-form .bys-field input{background:#0f171d;border:1px solid #31404a;color:#fff}
.bys-mag-form .bys-field input:focus{border-color:var(--sage);outline:none}
.bys-mag-form .bys-field input[aria-invalid="true"]{border-color:#e08a76}
.bys-mag-btn{width:100%;background:var(--sage);color:var(--night);border:0;border-radius:100px;
  font:inherit;font-size:16px;font-weight:600;padding:15px 24px;cursor:pointer;
  transition:background .18s ease}
.bys-mag-btn:hover{background:#4ad3ae}
.bys-mag-btn:disabled{opacity:.55;cursor:default}
.bys-mag-note{font-size:13px;color:#8b99a1;margin-top:14px}
.bys-mag .bys-status{color:#c9d4da}
.bys-mag .bys-status.err{color:#ff9d8a}
.bys-mag .bys-status.ok{color:var(--sage)}
.bys-mag .bys-status a{color:var(--sage)}
@media (max-width:860px){
  .bys-mag-in{grid-template-columns:1fr;gap:30px}
  .bys-mag-row{grid-template-columns:1fr}
  .bys-cta-alt{display:block;margin-left:0}
}

/* ---- el puente de la oferta (#title-check) ----
   Vive sobre fondo claro, asi que el verde sage del hero no alcanza contraste: se usa
   --accent. El precio se trata como dato, no como cartel de venta — sin badges, sin
   "desde", sin tachados. La tarifa fija ES el argumento de confianza. */
.bys-eyebrow.dark{color:var(--accent)}
.bys-cta.dark{background:var(--night);color:#fff;margin-top:8px}
.bys-cta.dark:hover{background:#1c272e}

.bys-offer{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:46px;align-items:start}
.bys-gets h3,.bys-found h3,.bys-excl h3{font-size:17px;font-weight:600;color:var(--ink);
  margin-bottom:16px}
.bys-gets ul,.bys-excl ul{list-style:none;margin:0;padding:0}
.bys-gets li,.bys-excl li{position:relative;padding-left:30px;margin-bottom:13px;
  color:var(--ink-2);font-size:16px;line-height:1.6}
.bys-gets li::before,.bys-excl li::before{content:"—";position:absolute;left:0;
  color:var(--sage);font-weight:700}

.bys-tiers{display:grid;gap:22px}
.bys-tier{border-top:2px solid var(--night);padding-top:18px}
.bys-tier-label{font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-2);font-weight:600}
.bys-tier-amt{font-family:'Playfair Display',Georgia,serif;font-weight:700;
  font-size:38px;line-height:1.1;color:var(--night);margin-top:6px}
/* 9-oct: el monto es honorario; IVA y gastos van aparte y se dicen junto al numero. */
.bys-tier-plus{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;
  font-weight:600;letter-spacing:.02em;color:var(--ink-2);white-space:nowrap}
.bys-tier p{font-size:15px;color:var(--ink-2);margin-top:8px;line-height:1.6}
.bys-tier-note{font-size:15px;color:var(--ink-2);line-height:1.65;margin-top:4px;
  padding-top:18px;border-top:1px solid var(--line)}

/* El bloque que contesta el miedo real: "y si aparece algo". No es letra chica —
   va destacado a proposito, porque es lo que separa esto de un informe automatico. */
.bys-found{margin-top:54px;background:var(--paper);border-left:3px solid var(--sage);
  border-radius:0 10px 10px 0;padding:30px 34px}
.bys-found p{color:var(--ink-2);font-size:16px;line-height:1.65;max-width:72ch}
.bys-found p+p{margin-top:14px}

.bys-excl{margin-top:44px}
.bys-excl li strong{color:var(--ink);font-weight:600}
.bys-excl-note{font-size:15px;color:var(--ink-2);line-height:1.65;margin-top:18px;
  padding-top:18px;border-top:1px solid var(--line);max-width:72ch}

@media (max-width:860px){
  .bys-offer{grid-template-columns:1fr;gap:38px;margin-top:34px}
  .bys-found{margin-top:38px;padding:24px 22px}
  .bys-tier-amt{font-size:33px}
}