/* Contacto y páginas legales: mismo look que las landings */

/* ---------- contacto ---------- */
.pg-contacto .contacto-sec{background:#fff;padding-block:clamp(56px,7vw,104px)}
.pg-contacto .contacto-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.pg-contacto .lh-h1{font-size:var(--h1-hero)}
.pg-contacto .lh-titulo .lh-trazo{max-width:340px;width:100%}
.contacto-vias{list-style:none;margin:clamp(28px,3vw,40px) 0 0;padding:0;display:grid;gap:0;max-width:30em}
.contacto-vias li{display:grid;gap:4px;padding:18px 0;border-top:1px solid var(--borde)}
.contacto-vias li:last-child{border-bottom:1px solid var(--borde)}
.contacto-vias small{font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--gris)}
.contacto-vias a{display:inline-flex;align-items:center;gap:10px;font-family:var(--f);font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.01em;color:var(--marino)}
.contacto-vias a .ic{width:20px;height:20px}
@media (hover:hover) and (pointer:fine){.contacto-vias a:hover{color:var(--azul-hover,var(--marino));text-decoration:underline;text-underline-offset:4px}}
.pg-contacto .form-card{max-width:none;margin:0;padding:clamp(28px,3vw,44px);border:1px solid var(--borde);border-radius:24px;box-shadow:0 30px 50px -34px rgba(3,0,93,.35);text-align:left}
.pg-contacto .form-card h2{font-family:var(--f);font-size:clamp(24px,2.4vw,30px);font-weight:700;letter-spacing:-.015em;line-height:1.15;color:var(--marino);margin-bottom:22px}
.pg-contacto .form-grid{gap:18px}
.pg-contacto .field label{font-size:14px;font-weight:600;color:var(--marino)}
.pg-contacto .field input,.pg-contacto .field select{font-size:16px;padding:14px 16px;border-radius:12px;border:1.5px solid rgba(3,0,93,.16);background:#fff}
.pg-contacto .field input:focus,.pg-contacto .field select:focus{border-color:var(--marino);box-shadow:0 0 0 4px rgba(108,240,184,.35)}
.pg-contacto .form-card .btn{margin-top:26px;width:100%;justify-content:center;padding:16px 28px;font-size:17px}
.pg-contacto .form-ok{margin:0 0 16px;font-size:15px;font-weight:600;color:var(--verde);text-align:left}
@media (max-width:860px){.pg-contacto .contacto-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- páginas legales (cookies) ---------- */
.lh.lh-centro.lh-legal{padding-block:clamp(56px,7vw,96px) clamp(16px,2vw,28px)}
.lh-legal .lh-txt{max-width:760px;margin-inline:auto;text-align:left}
.lh-legal .lh-titulo{margin-inline:0}
.legal-sec{background:#fff;padding-top:clamp(16px,2vw,28px)}
.legal{max-width:760px;margin:0 auto;font-size:17px;line-height:1.7;color:var(--gris)}
.legal p{margin:0}
.legal br{display:block;content:"";margin-top:10px}
.legal .legal-h{margin-top:40px;margin-bottom:12px;font-family:var(--f);font-size:clamp(22px,2.2vw,28px);font-weight:700;line-height:1.2;letter-spacing:-.015em;color:var(--marino)}
.legal u{display:inline-block;margin-top:8px;font-weight:700;text-decoration:none;color:var(--marino)}
.legal ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px}
.legal li{padding-left:0}
.legal a{color:var(--marino);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.legal table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.legal th{text-align:left;font-family:var(--f);font-weight:700;color:var(--marino);padding:12px 14px;border-bottom:2px solid var(--marino);background:var(--gris-claro)}
.legal td{padding:12px 14px;border:0;border-bottom:1px solid var(--borde);vertical-align:top;color:var(--gris)}
.legal td:first-child{font-weight:600;color:var(--marino);word-break:break-word}
.legal .overflow-x-auto,.legal [class*="overflow"]{overflow-x:auto}
.lh.lh-centro.lh-legal{display:block;min-height:0;background:#fff}
.lh-legal .lh-lead{display:none}
@media (max-width:900px){
  .lh.lh-centro.lh-legal{padding-block:48px 8px}
  .lh.lh-centro.lh-legal > .wrap,.lh-legal .lh-grid,.lh-legal .lh-txt{display:block}
  .lh.lh-legal .lh-titulo{margin:0}
  .lh.lh-legal .lh-trazo{display:block}
  .lh-legal .lh-h1{font-size:var(--h1-hero)}
}
.lh.lh-centro.lh-legal{padding-bottom:0}
.legal-sec{padding-top:8px}
.legal > .legal-h:first-child{margin-top:8px}

/* oficinas */
.oficinas{max-width:30em;padding:18px 0 0}
.oficinas small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--gris)}
.oficinas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;margin-top:12px}
.oficinas address{font-style:normal;font-size:17px;line-height:1.5;color:var(--gris)}
.oficinas address b{display:block;margin-bottom:2px;font-family:var(--f);font-size:clamp(20px,2vw,24px);font-weight:700;letter-spacing:-.01em;color:var(--marino)}
@media (max-width:420px){.oficinas-grid{grid-template-columns:minmax(0,1fr)}}

.legal p + p{margin-top:14px}
.legal p.legal-h{margin-top:40px;margin-bottom:12px}
.legal ul.lista-puntos{list-style:disc;padding-left:1.3em;margin:14px 0 0;display:block}
.legal ul.lista-puntos li{padding-left:.2em;margin-top:8px}
.legal ul.lista-puntos li::marker{color:var(--marino)}

/* ---------- preguntas frecuentes ---------- */
.lh.lh-centro.lh-faq{display:block;min-height:0;background:#fff;padding-block:clamp(72px,9vw,120px) clamp(40px,5vw,64px)}
.lh-faq .lh-txt{max-width:860px;margin-inline:auto;text-align:center}
.lh-faq .lh-titulo{margin-inline:auto}
.faq-atajos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:clamp(24px,3vw,36px)}
.faq-atajos .btn{padding:12px 24px;font-size:16px;color:var(--marino);border-color:var(--marino)}
@media (hover:hover) and (pointer:fine){.faq-atajos .btn:hover{background:var(--gris-claro)}}
.faq-sec{background:#fff;padding-block:clamp(48px,6vw,80px)}
.faq-sec.faq-alt{background:var(--gris-claro)}
.faq-sec .h-sec{text-align:left}
.pg-faq .faq{max-width:860px;margin:clamp(24px,3vw,36px) 0 0;gap:14px;text-align:left}
.pg-faq .faq details{background:#fff;border:1px solid var(--borde);border-radius:18px;padding:6px 26px;box-shadow:0 20px 40px -32px rgba(3,0,93,.35)}
.pg-faq .faq summary{padding:20px 0;font-family:var(--f);font-weight:700;font-size:clamp(17px,1.6vw,19px);line-height:1.3;letter-spacing:-.005em;color:var(--marino)}
.pg-faq .faq summary::after{flex:none;display:grid;place-items:center;width:34px;height:34px;margin-top:-4px;border-radius:50%;background:var(--menta);color:var(--marino);font-size:20px;line-height:1}
.pg-faq .faq summary:focus-visible{outline:3px solid var(--menta);outline-offset:4px;border-radius:12px}
.pg-faq .faq__a{padding:0 0 22px;font-size:17px;line-height:1.6;color:var(--gris);max-width:44em}
.pg-faq .faq__a a{color:var(--marino);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.faq-cierre{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(32px,4vw,48px)}
.faq-cierre .btn{padding:15px 28px;font-size:16.5px}
.faq-cierre .btn-borde{color:var(--marino);border-color:var(--marino)}
@media (max-width:760px){.faq-atajos .btn,.faq-cierre .btn{width:100%;justify-content:center}.pg-faq .faq details{padding:4px 18px}}
@media (max-width:900px){.lh.lh-centro.lh-faq{padding-block:56px 32px}.lh-faq .lh-trazo{display:none}}

/* atajos de la cabecera de preguntas frecuentes: tarjetas */
.lh-faq .faq-atajos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:980px;margin:clamp(32px,4vw,48px) auto 0;text-align:left}
.atajo{display:flex;align-items:center;gap:16px;padding:22px 24px;background:#fff;border:1px solid var(--borde);border-radius:20px;box-shadow:0 24px 44px -30px rgba(3,0,93,.4);color:var(--marino);transition:transform .25s cubic-bezier(.23,1,.32,1),box-shadow .25s ease}
.atajo-n{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--menta);color:var(--marino);font-family:var(--f);font-size:20px;font-weight:700}
.atajo-t{flex:1;min-width:0;display:grid;gap:3px}
.atajo-t b{font-family:var(--f);font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--marino)}
.atajo-t small{font-size:14.5px;line-height:1.35;color:var(--gris)}
.atajo .flecha{flex:none;width:20px;height:20px;color:var(--marino);transition:transform .25s cubic-bezier(.23,1,.32,1)}
.atajo:active{transform:scale(.985)}
.atajo:focus-visible{outline:3px solid var(--menta);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.atajo:hover{transform:translateY(-4px);box-shadow:0 30px 50px -28px rgba(3,0,93,.5)}.atajo:hover .flecha{transform:translateX(4px)}}
@media (prefers-reduced-motion:reduce){.atajo,.atajo .flecha{transition:none}}
@media (max-width:900px){
  .lh.lh-centro.lh-faq > .wrap{display:block}
  .lh-faq .lh-grid,.lh-faq .lh-txt{display:block}
  .lh.lh-faq .lh-titulo{margin:0 auto}
  .lh-faq .faq-atajos{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}
  .atajo{padding:18px 20px}
}
@media (min-width:901px){.lh-faq .faq-atajos{max-width:1132px}.atajo-t b{white-space:nowrap}}
@media (min-width:901px){.lh-faq .lh-txt{max-width:1132px}.atajo{gap:18px}.atajo-t small{font-size:15px}}
.pg-faq .faq summary::after,.atajo-n{background:var(--menta-claro)}

/* ---------- 404 ---------- */
.lh.lh-centro.lh-404{display:flex;align-items:center;min-height:calc(100svh - 72px);padding-block:clamp(56px,8vw,112px)}
.lh-404 .e404{margin:0 0 clamp(8px,1.5vw,16px);font-family:var(--f);font-size:clamp(96px,18vw,220px);font-weight:700;line-height:.9;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.28)}
.lh-404 .lh-txt{max-width:860px}
@media (max-width:900px){.lh.lh-centro.lh-404{display:flex;align-items:center;min-height:calc(100svh - 72px);padding-block:48px}.lh-404 .lh-trazo{display:block}.lh-404 > .wrap{display:block;width:100%}.lh-404 .lh-grid,.lh-404 .lh-txt{display:block}.lh.lh-404 .lh-titulo{margin:0 auto}.lh.lh-404 .lh-lead{margin:22px auto 0}.lh.lh-404 .lh-cta{margin:28px 0 0}}
.lh-404 .e404{color:rgba(255,255,255,.09);-webkit-text-stroke:0}

@media (min-width:1800px){.lh-faq .faq-atajos,.lh-faq .lh-txt{max-width:1360px}.pg-faq .faq{max-width:960px}.legal{max-width:820px}}
@media (min-width:2300px){.lh-faq .faq-atajos,.lh-faq .lh-txt{max-width:1520px}}

/* ---------- ya tengo inquilino ---------- */
.pg-inquilino .lh-h1 .resalta{color:var(--marino)}
.pg-inquilino .inq-incluye .ganas-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-inquilino .inq-incluye .ganas-lista p strong{color:var(--marino)}
@media (max-width:760px){.pg-inquilino .inq-incluye .ganas-lista{grid-template-columns:minmax(0,1fr)}}
.pg-inquilino .inq-cierre{text-align:center;padding-block:clamp(64px,8vw,112px)}
.pg-inquilino .inq-cierre .h-sec{color:#fff}
.pg-inquilino .inq-cierre .h-sec .menta{color:var(--menta)}
.pg-inquilino .inq-cierre .cta-sec{margin-top:clamp(28px,3vw,40px)}
.pg-inquilino .lh-h1 .resalta{display:inline;margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:var(--marino)}
/* móvil: el texto de apoyo es más largo aquí, así que la foto arranca más abajo para no tapar la cara */
@media (max-width:900px){
  .pg-inquilino .lh-bg.propietaria img{top:150px;height:calc(100% - 150px)}
}