/* ==========================================================
   Parquet Planet · Landings de presupuesto
   Va DESPUÉS de style.css (la hoja de la web del alquiler, sin tocar).
   Solo maquetación propia de las landings, con los mismos colores y tipos.
   ========================================================== */

.lp{background:var(--blanco)}

/* ---------- Cabecera: logo + llamar + WhatsApp (sin menú) ---------- */
.lp .cab{position:sticky;top:0}
.lp .cab__acciones .btn{display:inline-flex}
.lp-tel__num{font-family:var(--f-titulo);font-weight:600}
@media (max-width:820px){
  .lp .cab__logo img{height:34px}
  .lp .cab__acciones .btn{padding:.55rem .8rem}
  .lp .cab__acciones .lp-tel__num,.lp .cab__acciones .lp-txt{display:none}
}

/* ---------- Portada con formulario ---------- */
.lp-hero{background:var(--gris);padding:3rem 0 4rem}
.lp-hero__rejilla{
  display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:start;
  grid-template-areas:"titulo form" "mas form";
}
.lp-hero__titulo{grid-area:titulo}
.lp-hero__mas{grid-area:mas}
.lp-hero__form{grid-area:form}
.lp-hero h1{font-size:clamp(2.1rem,4.6vw,3.6rem);max-width:15ch}
.lp-precio{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin:1.4rem 0 .4rem}
.lp-precio strong{font-family:var(--f-titulo);font-size:clamp(1.7rem,3vw,2.3rem);color:var(--verde);letter-spacing:-.02em}
.lp-precio span{color:var(--gris-texto);font-size:.95rem}
.lp-entrada{font-size:1.1rem;color:var(--gris-texto);max-width:52ch;margin:1rem 0 0}
.lp-hero .lista-check{margin-top:1.4rem}
.lp-hero .lista-check li{font-weight:500}

@media (max-width:1000px){
  .lp-hero{padding:1.6rem 0 3rem}
  .lp-hero__rejilla{grid-template-columns:1fr;grid-template-areas:"titulo" "form" "mas";gap:1.4rem}
  .lp-precio{margin-top:.9rem}
}

/* ---------- Formulario ---------- */
.lp-form{padding:1.6rem}
.lp-form h2{font-size:1.35rem;margin-bottom:.3rem}
.lp-form__sub{color:var(--gris-texto);font-size:.92rem;margin-bottom:1.1rem}
.lp-form .campos{gap:.9rem}
.lp-form .campo > span{font-size:.85rem;font-weight:600}
.lp-form .btn--bloque{margin-top:.4rem;padding:1rem 1.5rem;font-size:1rem}
.lp-form .consentimiento{margin:.9rem 0 .4rem}
.lp-form .consentimiento a{color:var(--verde);text-decoration:underline}
.lp-form__pie{font-size:.8rem;color:var(--gris-texto);text-align:center;margin:.8rem 0 0}
.lp-form__o{display:flex;align-items:center;gap:.8rem;color:var(--gris-texto);font-size:.8rem;margin:1rem 0 .8rem}
.lp-form__o::before,.lp-form__o::after{content:"";flex:1;height:1px;background:var(--gris-2)}
.lp-trampa{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}

/* Botones de opción (tipo de obra, metros) */
.lp-opciones{display:flex;flex-wrap:wrap;gap:.45rem;border:0;margin:0;padding:0}
.lp-opciones legend{font-size:.85rem;font-weight:600;margin-bottom:.45rem;padding:0}
.lp-opciones label{position:relative}
.lp-opciones input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.lp-opciones span{
  display:inline-block;padding:.55rem .9rem;border-radius:999px;border:1.5px solid var(--gris-2);
  font-size:.88rem;font-weight:500;background:#fff;transition:border-color .2s,background .2s,color .2s;
}
.lp-opciones input:hover + span{border-color:var(--verde-2)}
.lp-opciones input:checked + span{background:var(--verde);border-color:var(--verde);color:#fff}
.lp-opciones input:focus-visible + span{box-shadow:0 0 0 4px rgba(28,117,56,.18)}
.campo input.falta,.lp-opciones.falta span{border-color:#c0392b}

/* ---------- Bloques ---------- */
.lp .seccion{padding:clamp(3.2rem,7vw,5.5rem) 0}
.lp-dos{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.lp-no .ico{color:#b0473b}
.lp-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.lp-galeria img{border-radius:var(--radio);aspect-ratio:4/3;object-fit:cover;width:100%}
.lp .pasos__linea{width:80%}
.lp .paso__num{border-color:var(--verde);background:var(--verde);color:#fff}
.lp-zona .chips{justify-content:center;max-width:860px;margin:0 auto}
.lp-zona p{text-align:center;color:var(--gris-texto);margin-top:1.2rem}
@media (max-width:820px){
  .lp-dos{grid-template-columns:1fr;gap:1.5rem}
}

/* ---------- Pie corto ---------- */
.lp-pie{background:var(--negro);color:#c7d0c9;padding:2.5rem 0;font-size:.88rem}
.lp-pie__fila{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.2rem;align-items:center}
.lp-pie .pie__logo{margin:0}
.lp-pie nav{display:flex;flex-wrap:wrap;gap:1.2rem}
.lp-pie a:hover{color:#fff}
.lp-pie__legal{margin-top:1.4rem;color:#8b978f;font-size:.8rem}
.lp .wa-flotante{border:0;cursor:pointer}

/* ---------- Aviso de cookies ---------- */
.lp-cookies{
  position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:1200;max-width:640px;margin:0 auto;
  background:#fff;border-radius:18px;padding:1.2rem 1.3rem;box-shadow:0 24px 60px rgba(15,21,18,.25),0 0 0 1px rgba(15,21,18,.06);
}
.lp-cookies p{font-size:.88rem;color:var(--gris-texto);margin:0 0 .9rem}
.lp-cookies p a{color:var(--verde);text-decoration:underline}
.lp-cookies__botones{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.lp-cookies .btn{width:100%}

/* ---------- Páginas de texto (gracias, privacidad, cookies) ---------- */
.lp-texto{max-width:760px}
.lp-texto h1{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:1rem;max-width:none}
.lp-texto h2{font-size:1.3rem;margin:2rem 0 .6rem}
.lp-texto p,.lp-texto li{color:var(--gris-texto)}
.lp-gracias .btn{margin:.3rem .3rem 0 0}
.lp-pendiente{background:#fff4db;border:1px solid #f0d59a;border-radius:12px;padding:.8rem 1rem;font-size:.9rem;color:#6b4e12}

/* ---------- Portada con los servicios ---------- */
.lp-servicios{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin-top:2rem}
.lp-servicio{display:block;padding:1.6rem;border-radius:var(--radio);background:#fff;box-shadow:var(--sombra);transition:transform .2s,box-shadow .2s}
.lp-servicio:hover{transform:translateY(-4px);box-shadow:var(--sombra-2)}
.lp-servicio strong{display:block;font-family:var(--f-titulo);font-size:1.15rem;margin-bottom:.3rem}
.lp-servicio span{color:var(--verde);font-weight:600}
