/* ══════════════════════════════════════════════════════════
   Private Collector List — Camila Simona
   Extiende css/style.css. No modifica nada del sistema base.
   ══════════════════════════════════════════════════════════ */

/* ── Grilla principal: argumento a la izquierda, formulario a la derecha ── */
.collector-grid{
  display:grid;grid-template-columns:0.95fr 1.05fr;
  gap:clamp(40px,6vw,96px);align-items:start;
}

/* ── Columna de argumento ── */
.what-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(30px,3.6vw,46px);font-weight:300;
  letter-spacing:-0.02em;line-height:1.06;color:var(--ink);
  margin-bottom:26px;
}
.what-title em{font-style:italic}
.what-body{
  font-size:15px;font-weight:300;line-height:1.85;color:var(--ink-soft);
  max-width:46ch;margin-bottom:38px;
}
.what-list{border-top:1px solid var(--line)}
.what-row{
  display:flex;gap:20px;align-items:flex-start;
  padding:22px 0;border-bottom:1px solid var(--line);
}
.what-k{
  font-size:9px;letter-spacing:0.24em;text-transform:uppercase;
  color:var(--taupe);min-width:74px;padding-top:4px;flex-shrink:0;
}
.what-d{font-size:13.5px;line-height:1.8;color:var(--ink-soft)}
.what-d strong{font-weight:400;color:var(--ink)}

/* ── Formulario ── */
.request-card{
  border:1px solid var(--line);background:var(--paper);
  padding:clamp(28px,3.6vw,46px);
}
.request-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(26px,2.8vw,34px);font-weight:300;
  letter-spacing:-0.02em;line-height:1.08;color:var(--ink);
  margin-bottom:12px;
}
.request-title em{font-style:italic}
.request-sub{
  font-size:12.5px;line-height:1.7;color:var(--taupe);
  margin-bottom:32px;
}

.f{margin-bottom:20px}
.f label{
  display:block;font-size:9px;letter-spacing:0.22em;text-transform:uppercase;
  color:var(--taupe);margin-bottom:9px;
}
.f input,.f select{
  width:100%;font-family:'Inter',sans-serif;font-weight:300;font-size:14px;
  color:var(--ink);background:var(--cream);
  border:1px solid var(--line);padding:14px 15px;
  transition:border-color var(--t);
}
.f input:focus,.f select:focus{outline:none;border-color:var(--ink)}
.f input:focus-visible,.f select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* honeypot — invisible para personas, visible para bots */
.f-honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.consent{
  display:flex;gap:12px;align-items:flex-start;
  margin:26px 0 24px;font-size:11.5px;line-height:1.7;color:var(--ink-soft);
}
.consent input{margin-top:2px;accent-color:var(--ink);flex-shrink:0}

.btn-request{
  display:block;width:100%;text-align:center;
  font-family:'Inter',sans-serif;font-size:11px;letter-spacing:0.18em;
  text-transform:uppercase;font-weight:400;
  padding:18px 22px;border:1px solid var(--ink);
  background:var(--ink);color:var(--cream);
  cursor:pointer;transition:opacity var(--t);
}
.btn-request:hover{opacity:0.82}
.btn-request:disabled{opacity:0.4;cursor:not-allowed}
.btn-request:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

.request-status{
  font-size:12.5px;line-height:1.7;margin-top:18px;min-height:1em;
}
.request-status.is-error{color:#8C4A32}
.request-status.is-success{color:#4F6B4A}

.request-legal{
  font-size:10.5px;line-height:1.8;color:var(--ink-faint);
  margin-top:22px;padding-top:20px;border-top:1px solid var(--line);
}
.request-legal a{color:var(--ink-soft);border-bottom:1px solid var(--line)}

/* Estado de éxito: reemplaza el formulario */
.request-done{display:none}
.request-done.show{display:block;text-align:center;padding:22px 0}
.request-card.done .request-form{display:none}
.done-mark{
  font-family:'Cormorant Garamond',serif;font-size:44px;
  font-weight:300;color:var(--ink);line-height:1;margin-bottom:20px;
}
.done-t{
  font-family:'Cormorant Garamond',serif;font-size:clamp(24px,2.6vw,30px);
  font-weight:300;letter-spacing:-0.015em;color:var(--ink);margin-bottom:14px;
}
.done-t em{font-style:italic}
.done-d{font-size:13.5px;line-height:1.8;color:var(--ink-soft);max-width:40ch;margin:0 auto}

/* ── Banda oscura de cierre ── */
.edition-band{
  background:var(--dark);color:var(--cream);
  padding:clamp(56px,7vw,88px) 0;
}
.edition-inner{max-width:60ch}
.edition-k{font-size:9px;letter-spacing:0.24em;text-transform:uppercase;color:var(--dark-faint);margin-bottom:22px;display:block}
.edition-t{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(26px,3.2vw,40px);font-weight:300;
  letter-spacing:-0.02em;line-height:1.14;color:var(--cream);
}
.edition-t em{font-style:italic}
.edition-d{
  font-size:14px;font-weight:300;line-height:1.85;
  color:var(--dark-soft);margin-top:22px;
}

/* ── Responsive ── */
@media(max-width:900px){
  .collector-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .f-row{grid-template-columns:1fr}
}