/* ============================================================
   CLUB PROPIEDADES — Landing "Publica tu propiedad"
   (depende de cp-base.css; complementa cp-sections.css)
   ============================================================ */

/* ---- HERO landing ---- */
.lp-hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;
  padding-top:calc(var(--nav-h) + var(--topbar-h) + 64px);padding-bottom:72px;}
.lp-hero__media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.lp-hero__video{width:100%;height:100%;object-fit:cover;display:block;}
.lp-hero__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(13,22,34,.80) 0%,rgba(13,22,34,.55) 32%,rgba(13,22,34,.66) 70%,rgba(13,22,34,.92) 100%),linear-gradient(90deg,rgba(13,22,34,.78) 0%,rgba(13,22,34,.35) 55%,rgba(13,22,34,.15) 100%);}
.lp-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(720px 460px at 82% 0%,rgba(62,155,224,.26),transparent 60%),radial-gradient(560px 380px at 4% 100%,rgba(62,155,224,.14),transparent 60%);}
.lp-hero .wrap{position:relative;z-index:2;}
.lp-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;}
.lp-hero h1{font-size:clamp(36px,4.8vw,60px);line-height:1.04;letter-spacing:-0.035em;color:#fff;font-weight:800;}
.lp-hero h1 .hl{color:var(--blue-2);}
.lp-hero__sub{margin-top:22px;max-width:50ch;font-size:clamp(17px,1.7vw,20px);line-height:1.6;color:#C4CEDC;}
.lp-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px;}
.lp-hero__trust{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:30px;}
.lp-hero__trust .t{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-family:var(--font-display);font-size:13px;font-weight:600;color:#E6ECF4;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 14px;}
.lp-hero__trust .t svg{width:15px;height:15px;color:var(--blue-2);}

/* hero form card */
.lp-formcard{background:#fff;border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);padding:34px 34px 30px;color:var(--ink);}
.lp-formcard h3{font-size:22px;font-weight:800;letter-spacing:-0.02em;}
.lp-formcard p.lp-formcard__sub{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.5;}
.lp-form{display:flex;flex-direction:column;gap:14px;margin-top:22px;}
.lp-form label{display:flex;flex-direction:column;gap:7px;font-family:var(--font-display);font-size:12.5px;font-weight:700;color:var(--ink-soft);}
.lp-form input,.lp-form select{font-family:var(--font-body);font-size:15.5px;padding:13px 15px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper-2);color:var(--ink);transition:border-color .2s,box-shadow .2s;}
.lp-form input:focus,.lp-form select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(62,155,224,.15);}
.lp-form__row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.lp-form__note{font-size:11.5px;color:var(--muted);text-align:center;margin-top:2px;}

/* ---- benefits ---- */
.lp-benefits{background:var(--white);}
.lp-benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.lpb{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 28px;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;}
.lpb:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--blue-line);}
.lpb__ic{width:52px;height:52px;border-radius:14px;background:var(--blue-soft);color:var(--blue-deep);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.lpb__ic svg{width:26px;height:26px;}
.lpb h3{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-0.01em;margin-bottom:9px;}
.lpb p{font-size:15px;color:var(--muted);line-height:1.55;}

/* ---- includes (checklist) ---- */
.lp-incl{background:var(--paper);}
.lp-incl__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;margin-top:8px;}
.lp-incl__item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);}
.lp-incl__item svg{flex:0 0 auto;width:24px;height:24px;color:var(--green);margin-top:1px;}
.lp-incl__item b{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink);display:block;margin-bottom:3px;}
.lp-incl__item span{font-size:14.5px;color:var(--muted);line-height:1.5;}

/* ---- terms ---- */
.lp-terms{background:var(--white);}
.lp-terms__card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-xl);padding:44px 48px;}
.lp-terms__card h3{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink);margin:26px 0 10px;letter-spacing:-0.01em;}
.lp-terms__card h3:first-child{margin-top:0;}
.lp-terms__card p,.lp-terms__card li{font-size:14.5px;color:var(--ink-soft);line-height:1.65;}
.lp-terms__card ul{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;}
.lp-terms__note{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);line-height:1.55;}

@media (max-width:980px){
  .lp-hero__grid{grid-template-columns:1fr;gap:40px;}
  .lp-benefits__grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .lp-benefits__grid,.lp-incl__grid,.lp-form__row2{grid-template-columns:1fr;}
  .lp-incl__grid{gap:0;}
  .lp-terms__card{padding:32px 26px;}
}

/* ============================================================
   SELF-SERVICE CAPTACIÓN (Cuéntanos tu propiedad)
   ============================================================ */
.cap-hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;
  padding-top:calc(var(--nav-h) + var(--topbar-h) + 56px);padding-bottom:56px;}
.cap-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(640px 420px at 80% 0%,rgba(62,155,224,.24),transparent 60%);}
.cap-hero .wrap{position:relative;z-index:1;max-width:840px;}
.cap-hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.05;letter-spacing:-0.03em;color:#fff;font-weight:800;}
.cap-hero h1 .hl{color:var(--blue-2);}
.cap-hero p{margin-top:18px;max-width:58ch;font-size:clamp(16px,1.6vw,19px);line-height:1.6;color:#C4CEDC;}

/* progress bar */
.cap-progress{position:sticky;top:calc(var(--nav-h) - 14px);z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.cap-progress .wrap{display:flex;align-items:center;gap:16px;padding-top:14px;padding-bottom:14px;max-width:840px;}
.cap-progress__bar{flex:1;height:8px;border-radius:99px;background:var(--line);overflow:hidden;}
.cap-progress__fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--blue-2));transition:width .35s var(--ease);}
.cap-progress__pct{font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--blue-deep);white-space:nowrap;font-variant-numeric:tabular-nums;}

/* form shell */
.capform{background:var(--paper);}
.capform .wrap{max-width:840px;}
.capblock{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:34px 36px;margin-bottom:22px;box-shadow:var(--shadow-xs);}
.capblock__head{display:flex;align-items:center;gap:14px;margin-bottom:22px;}
.capblock__n{flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:var(--blue-soft);color:var(--blue-deep);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:17px;}
.capblock__head h2{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-0.015em;color:var(--ink);}
.capblock__head p{font-size:13.5px;color:var(--muted);margin-top:2px;}
.capgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.capgrid--3{grid-template-columns:1fr 1fr 1fr;}
.capfield{display:flex;flex-direction:column;gap:7px;}
.capfield--full{grid-column:1/-1;}
.capfield label{font-family:var(--font-display);font-size:12.5px;font-weight:700;color:var(--ink-soft);}
.capfield label .req{color:var(--blue-deep);}
.capfield input,.capfield select,.capfield textarea{font-family:var(--font-body);font-size:15.5px;padding:13px 15px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper-2);color:var(--ink);transition:border-color .2s,box-shadow .2s;width:100%;}
.capfield textarea{resize:vertical;min-height:120px;line-height:1.55;}
.capfield input:focus,.capfield select:focus,.capfield textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(62,155,224,.15);background:#fff;}
.capfield__hint{font-size:11.5px;color:var(--muted);}
.capunit{display:flex;gap:0;}
.capunit input{border-top-right-radius:0;border-bottom-right-radius:0;}
.capunit select{width:auto;border-left:none;border-top-left-radius:0;border-bottom-left-radius:0;background:#fff;font-weight:700;color:var(--blue-deep);}
/* amenity chips */
.capchips{display:flex;flex-wrap:wrap;gap:10px;}
.capchip{position:relative;}
.capchip input{position:absolute;opacity:0;width:0;height:0;}
.capchip span{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--ink-soft);background:var(--paper-2);border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;cursor:pointer;transition:.18s;user-select:none;}
.capchip span::before{content:"";width:15px;height:15px;border-radius:5px;border:1.5px solid var(--muted-2);flex:0 0 auto;transition:.18s;}
.capchip input:checked + span{background:var(--blue-soft);border-color:var(--blue);color:var(--blue-deep);}
.capchip input:checked + span::before{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 2px #fff;}
.capchip input:focus-visible + span{box-shadow:0 0 0 4px rgba(62,155,224,.18);}
/* photos note */
.capphotos{display:flex;align-items:flex-start;gap:16px;background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:var(--r-md);padding:18px 20px;}
.capphotos svg{flex:0 0 auto;width:24px;height:24px;color:var(--blue-deep);margin-top:1px;}
.capphotos p{font-size:14px;color:var(--blue-ink);line-height:1.55;}
.capphotos b{font-weight:700;}
/* submit */
.capsubmit{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;padding:8px 0 0;}
.capsubmit .btn{width:100%;max-width:420px;}
.capsubmit__note{font-size:12px;color:var(--muted);max-width:50ch;}
@media (max-width:640px){
  .capblock{padding:26px 22px;}
  .capgrid,.capgrid--3{grid-template-columns:1fr;}
}

/* mode toggle (propietario / broker) */
.capmode{display:flex;gap:8px;background:var(--paper-2);border:1px solid var(--line);padding:6px;border-radius:999px;margin:0 auto 14px;width:fit-content;}
.capmode button{font-family:var(--font-display);font-weight:700;font-size:14px;padding:11px 24px;border-radius:999px;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:8px;}
.capmode button svg{width:17px;height:17px;}
.capmode button.on{background:var(--blue);color:#fff;box-shadow:var(--shadow-blue);}
.capmode__hint{text-align:center;max-width:60ch;margin:0 auto 30px;font-size:13.5px;color:var(--muted);line-height:1.55;}

/* accelerate program box */
.capaccel{display:flex;align-items:flex-start;gap:16px;background:var(--green-soft);border:1px solid var(--green-line);border-radius:var(--r-md);padding:18px 20px;margin-top:16px;}
.capaccel svg{flex:0 0 auto;width:26px;height:26px;color:var(--green);margin-top:1px;}
.capaccel b{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--green);display:block;margin-bottom:3px;}
.capaccel span{font-size:13.5px;color:var(--ink-soft);line-height:1.55;}

/* checkbox single (exclusiva) */
.capcheck{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:4px 0;}
.capcheck input{position:absolute;opacity:0;width:0;height:0;}
.capcheck__box{flex:0 0 auto;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--muted-2);display:flex;align-items:center;justify-content:center;transition:.18s;margin-top:1px;}
.capcheck__box svg{width:14px;height:14px;color:#fff;opacity:0;transition:.18s;}
.capcheck input:checked + .capcheck__box{background:var(--blue);border-color:var(--blue);}
.capcheck input:checked + .capcheck__box svg{opacity:1;}
.capcheck__tx b{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--ink);display:block;}
.capcheck__tx span{font-size:13px;color:var(--muted);line-height:1.5;}

/* amenity groups */
.capamen{display:flex;flex-direction:column;gap:22px;}
.capamen__grp h3{font-family:var(--font-display);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:13px;}

/* date row */
.capdate{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:12px;}

/* char count */
.capcount{font-size:12px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;}

/* progress label */
.cap-progress__label{font-family:var(--font-display);font-weight:600;font-size:12.5px;color:var(--muted);white-space:nowrap;}
@media (max-width:560px){.cap-progress__label{display:none;}.capdate{grid-template-columns:1fr;}}
