/* ═══════════════════════════════════════════════════════════════════
   224live · Landing Valoración Vivienda (RealAdvisor) — v1.0.0
   Campaña "valora tu vivienda". Aislada: solo se carga en su página
   (enqueue condicional). Mobile-first, premium, limpia y cálida.
   TODO scoped a .valo-v1-body para no filtrar al tema ni a otras
   landings (paleta/tipografías heredadas de la familia funnel).
   ═══════════════════════════════════════════════════════════════════ */
.valo-v1-body{
  --cream:#F8F5F0; --cream-2:#F0EBE3; --navy:#16314F; --navy-deep:#0E2238;
  --navy-2:#1B5FAD; --terra:#E8732A; --terra-deep:#C85A18; --ink:#1A1B1D;
  --t2:#5C5C63; --t3:#9A968E; --line:#E2DDD6; --line-2:#D6CFC4;
  --lato:'Lato','Helvetica Neue',Helvetica,sans-serif;
  --serif:'Cormorant Garamond',Georgia,serif;
  --ph:clamp(22px,5vw,48px); --header-h:62px;
  margin:0; background:var(--cream); color:var(--ink);
  font-family:var(--lato); font-weight:300; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.valo-v1-body *{box-sizing:border-box}
.valo-v1-body img{max-width:100%;display:block}
.valo-v1-body a{color:inherit;text-decoration:none}
.valo-v1-body h1,.valo-v1-body h2,.valo-v1-body h3{
  font-weight:900;letter-spacing:-.02em;line-height:1.1;margin:0;
}
.valo-v1-body .serif{
  font-family:var(--serif);font-weight:500;font-style:italic;letter-spacing:-.005em;
}

.valo-v1-body .valo-wrap{max-width:1120px;margin:0 auto;padding:0 var(--ph)}
.valo-v1-body .valo-wrap-narrow{max-width:680px;margin:0 auto;padding:0 var(--ph)}

/* ── EYEBROW ───────────────────────────────────────────── */
.valo-v1-body .valo-eyebrow{
  font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--terra);display:inline-flex;align-items:center;gap:10px;
}
.valo-v1-body .valo-eyebrow::before{content:"";width:22px;height:1px;background:var(--terra)}
.valo-v1-body .valo-eyebrow.center{justify-content:center}

/* ── BOTONES ───────────────────────────────────────────── */
.valo-v1-body .valo-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 32px;font-size:.74rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;border-radius:2px;
  transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s,box-shadow .2s;
  text-align:center;
}
.valo-v1-body .valo-btn-terra{background:var(--terra);color:#fff;box-shadow:0 6px 22px rgba(232,115,42,.28)}
.valo-v1-body .valo-btn-terra:hover{background:var(--terra-deep);transform:translateY(-2px);box-shadow:0 10px 28px rgba(232,115,42,.34)}
.valo-v1-body .valo-btn-navy{background:var(--navy);color:#fff;box-shadow:0 6px 22px rgba(22,49,79,.22)}
.valo-v1-body .valo-btn-navy:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:0 10px 28px rgba(22,49,79,.3)}
.valo-v1-body .valo-btn-arrow::after{content:"↓";font-size:1.05rem;transition:transform .2s}
.valo-v1-body .valo-btn-arrow:hover::after{transform:translateY(2px)}

/* ── HEADER ────────────────────────────────────────────── */
.valo-v1-body .valo-header{
  position:sticky;top:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;
  height:var(--header-h);padding:0 var(--ph);
  background:rgba(248,245,240,.97);border-bottom:1px solid var(--line);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.valo-v1-body .valo-brand{display:flex;align-items:center;gap:9px}
.valo-v1-body .valo-brand img{width:30px;height:30px;object-fit:contain}
.valo-v1-body .valo-brand .txt{font-weight:900;font-size:1rem;display:flex;gap:1px}
.valo-v1-body .valo-brand .n{color:var(--terra)}
.valo-v1-body .valo-brand .l{color:var(--navy-2);font-family:var(--serif);font-style:italic;font-weight:600;font-size:1.12rem;line-height:1}
.valo-v1-body .valo-hd-cta{
  padding:10px 20px;background:var(--terra);color:#fff;
  font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  border-radius:2px;transition:background .2s;
}
.valo-v1-body .valo-hd-cta:hover{background:var(--terra-deep)}

/* ── HERO ──────────────────────────────────────────────── */
.valo-v1-body .valo-hero{
  position:relative;overflow:hidden;color:#fff;text-align:center;
  min-height:42vh;display:flex;align-items:center;justify-content:center;
  padding:clamp(34px,5vw,58px) 0;
}
.valo-v1-body .valo-hero-bg{position:absolute;inset:0;z-index:0}
.valo-v1-body .valo-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.valo-v1-body .valo-hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(22,49,79,.88),rgba(22,49,79,.82) 55%,rgba(22,49,79,.94));
}
.valo-v1-body .valo-hero-inner{position:relative;z-index:2;max-width:720px}
.valo-v1-body .valo-hero-inner .valo-eyebrow{margin-bottom:14px;color:rgba(248,245,240,.82)}
.valo-v1-body .valo-hero-inner .valo-eyebrow::before{background:rgba(248,245,240,.55)}
.valo-v1-body .valo-hero h1{
  font-size:clamp(1.85rem,5vw,2.8rem);letter-spacing:-.03em;line-height:1.08;
  max-width:18ch;margin:0 auto;
}
.valo-v1-body .valo-hero h1 .serif{color:#fff}
.valo-v1-body .valo-sub{
  margin:18px auto 0;max-width:52ch;
  font-size:clamp(.98rem,2.4vw,1.12rem);font-weight:300;line-height:1.55;
  color:rgba(248,245,240,.88);
}
.valo-v1-body .valo-cta-row{margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:13px}
.valo-v1-body .valo-micro{font-size:.78rem;color:rgba(248,245,240,.62);letter-spacing:.02em}

/* ── BLOQUE PRINCIPAL · VALORACIÓN ─────────────────────── */
.valo-v1-body .valo-main{
  padding:clamp(36px,6vw,64px) 0 clamp(40px,7vw,72px);
  scroll-margin-top:calc(var(--header-h) + 8px);
}
.valo-v1-body .valo-main-head{text-align:center;margin-bottom:clamp(26px,4vw,40px)}
.valo-v1-body .valo-main-head .valo-eyebrow{margin-bottom:14px}
.valo-v1-body .valo-main-head h2{font-size:clamp(1.55rem,4.2vw,2.3rem);letter-spacing:-.025em;max-width:20ch;margin:0 auto;color:var(--navy)}
.valo-v1-body .valo-main-head p{
  margin:16px auto 0;max-width:54ch;font-size:1.02rem;font-weight:300;
  line-height:1.6;color:var(--t2);
}

/* Tarjeta blanca que contiene el iframe de RealAdvisor */
.valo-v1-body .valo-card{
  background:#fff;border:1px solid var(--line);border-radius:10px;
  box-shadow:0 18px 48px rgba(22,49,79,.09);overflow:hidden;
  padding:clamp(10px,2.4vw,20px);max-width:860px;margin:0 auto;
}
.valo-v1-body .valo-card #valuationFrame{
  width:100%;min-width:100%;border:0;display:block;min-height:620px;
}
.valo-v1-body .valo-reassure{
  margin:22px auto 0;max-width:860px;
  font-size:.84rem;color:var(--t3);text-align:center;font-weight:300;
  display:flex;align-items:center;justify-content:center;gap:9px;
}
.valo-v1-body .valo-reassure svg{flex-shrink:0;opacity:.7}

/* ── BLOQUE SECUNDARIO · SALIDA A VENTA ESTRATÉGICA ────── */
.valo-v1-body .valo-next{
  background:var(--cream-2);border-top:1px solid var(--line);
  padding:clamp(48px,8vw,88px) 0;
}
.valo-v1-body .valo-next-card{text-align:center;max-width:600px;margin:0 auto}
.valo-v1-body .valo-next-card .valo-eyebrow{margin-bottom:14px}
.valo-v1-body .valo-next-card h2{font-size:clamp(1.45rem,4vw,2.1rem);letter-spacing:-.025em;max-width:20ch;margin:0 auto;color:var(--navy)}
.valo-v1-body .valo-next-card p{
  margin:16px auto 0;max-width:50ch;font-size:1.02rem;font-weight:300;
  line-height:1.6;color:var(--t2);
}
.valo-v1-body .valo-next-cta{margin-top:28px}

/* ── FOOTER ────────────────────────────────────────────── */
.valo-v1-body .valo-footer{padding:42px 0;background:var(--navy);color:rgba(248,245,240,.7)}
.valo-v1-body .valo-foot{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.valo-v1-body .valo-foot-brand{display:flex;align-items:center;gap:9px}
.valo-v1-body .valo-foot-brand img{width:28px;height:28px;object-fit:contain}
.valo-v1-body .valo-foot-brand .txt{font-weight:900;font-size:1rem;color:#fff;display:flex;gap:1px}
.valo-v1-body .valo-foot-brand .n{color:var(--terra)}
.valo-v1-body .valo-foot-brand .l{font-family:var(--serif);font-style:italic;font-weight:600;font-size:1.12rem}
.valo-v1-body .valo-foot-links{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}
.valo-v1-body .valo-foot-links a{font-size:.78rem;font-weight:700;letter-spacing:.04em;transition:color .2s}
.valo-v1-body .valo-foot-links a:hover{color:#fff}
.valo-v1-body .valo-foot-legal{font-size:.72rem;color:rgba(248,245,240,.4);font-weight:300}

/* ── REVEAL ────────────────────────────────────────────── */
.valo-v1-body .r{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.valo-v1-body .r.in{opacity:1;transform:none}
.valo-v1-body .r.d1{transition-delay:.08s}
.valo-v1-body .r.d2{transition-delay:.16s}
@media (prefers-reduced-motion:reduce){.valo-v1-body .r{opacity:1;transform:none;transition:none}}

/* ── RESPONSIVE ────────────────────────────────────────── */
@media (max-width:560px){
  .valo-v1-body .valo-hero{min-height:38vh}
  .valo-v1-body .valo-hd-cta{padding:9px 14px;font-size:.6rem}
}