/* WeWash · landings de cada centro (wewash.es/<centro>/, las genera generar-landings.js). Va después de styles.css y usa sus variables. */

.lc-h1 { font-size: clamp(2.3rem, 1.4rem + 3.6vw, 4.6rem); line-height: .98; margin: 14px 0 20px; }
.lc-h2 { font-size: clamp(1.9rem, 1.3rem + 2.4vw, 3.4rem); margin: 10px 0 18px; }
.lc-lead { margin-bottom: 32px; }

/* Cabecera del centro */
.lc-hero { position: relative; padding: calc(var(--nav-h) + clamp(28px, 5vw, 64px)) 0 clamp(56px, 7vw, 96px); background: radial-gradient(120% 80% at 85% 10%, rgba(168, 14, 0, .22), rgba(10, 10, 11, 0) 60%), var(--ink-950); }
.lc-hero-grid { display: grid; gap: 40px; align-items: center; }
.lc-migas { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; font-size: .8125rem; color: var(--text-lo); }
.lc-migas a { color: var(--text-md); }
.lc-migas a:hover { color: var(--text-hi); text-decoration: underline; text-underline-offset: 3px; }
.lc-volver { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin-bottom: 26px; font-size: .875rem; }   /* 24-10-2026 */
.lc-volver .btn svg { margin-right: -2px; }
.lc-volver .link { color: var(--text-md); }
.lc-volver .link:hover { color: var(--text-hi); }
.lc-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.lc-hechos { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 28px; font-size: .9375rem; color: var(--text-md); }
.lc-hechos li { display: inline-flex; align-items: center; gap: 8px; }
.lc-hechos svg { color: var(--red-signal); }
.lc-hechos b { color: var(--text-hi); font-family: var(--f-display); }
.lc-hero-foto { position: relative; border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 4 / 3; background: var(--ink-900); border: 1px solid var(--line-dark); }
.lc-hero-foto img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 960px) { .lc-hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 64px; } }

/* Dónde, horario y contacto */
.lc-donde { padding: clamp(48px, 6vw, 88px) 0; }
.lc-info { display: grid; gap: 16px; }
.lc-card { background: var(--card-light); border: 1px solid rgba(18, 18, 20, .08); border-radius: var(--r-md); box-shadow: var(--shadow-card-light); padding: 26px 24px; display: grid; gap: 10px; align-content: start; }
.lc-card-ic { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: rgba(168, 14, 0, .08); color: var(--red); }
.lc-card-tit { font: 600 1.25rem/1.2 var(--f-display); letter-spacing: -.01em; }
.lc-dir { font-weight: 600; color: var(--ink-on-paper); }
.lc-acceso, .lc-nota { font-size: .9375rem; color: var(--ink-md-on-paper); }
.lc-horario { display: grid; gap: 6px; }
.lc-horario li { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 6px; border-bottom: 1px solid var(--line-light); }
.lc-horario b { font-family: var(--f-display); font-weight: 600; white-space: nowrap; }
.lc-tel { font: 600 1.5rem/1.2 var(--f-display); color: var(--ink-on-paper); }
.lc-tel:hover { color: var(--red); }
@media (min-width: 860px) { .lc-info { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Precios; y, si aún no ha abierto, los centros de su ciudad */
.lc-precios, .lc-cerca { padding-top: 0; }
.lc-card-enlace { display: inline-flex; align-items: center; gap: 8px; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; text-decoration-color: rgba(18, 18, 20, .25); }
.lc-card-enlace svg { color: var(--red); }
.lc-card-enlace:hover { text-decoration-color: var(--red); }
.lc-card-acc { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 6px; }
.lc-panel { overflow-x: auto; }
@media (max-width: 640px) { .lc-panel .tar-table th, .lc-panel .tar-table td { padding: 12px 8px; font-size: .875rem; } }

/* Servicios y por qué WeWash */
.lc-servicios { background: var(--ink-900); }
.lc-serv { display: grid; gap: 28px; margin-top: 36px; }
.lc-serv li { display: grid; gap: 10px; align-content: start; padding-top: 22px; border-top: 1px solid var(--line-dark-strong); }
.lc-serv svg { color: var(--red-signal); }
.lc-serv h3 { font: 600 1.25rem/1.2 var(--f-display); }
.lc-serv p { color: var(--text-md); font-size: .9375rem; }
@media (min-width: 720px) { .lc-serv { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .lc-serv { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; } }
.lc-sub { margin-top: clamp(56px, 7vw, 88px); }
.lc-ventajas { display: grid; gap: 28px; margin-top: 36px; }
.lc-ventajas li { display: grid; gap: 10px; align-content: start; padding-top: 22px; border-top: 1px solid var(--line-dark-strong); }
.lc-ventajas svg { color: var(--red-signal); }
.lc-ventajas h3 { font: 600 1.25rem/1.2 var(--f-display); }
.lc-ventajas p { color: var(--text-md); font-size: .9375rem; }
@media (min-width: 720px) { .lc-ventajas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .lc-ventajas { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; } }
.lc-fotos { display: flex; gap: 16px; margin-top: 40px; }
.lc-fotos figure { border-radius: var(--r-md); overflow: hidden; max-width: 260px; border: 1px solid var(--line-dark); }

/* Opiniones */
.lc-resenas { display: grid; gap: 16px; margin-top: 28px; }
.lc-resena { background: var(--card-light); border-radius: var(--r-md); padding: 24px; border: 1px solid rgba(18, 18, 20, .08); }
.lc-resena blockquote { margin: 0; font: italic 400 1.25rem/1.4 var(--f-serif); color: var(--ink-on-paper); }
.lc-resena figcaption { margin-top: 12px; font-size: .875rem; color: var(--ink-lo-on-paper); }
.lc-mas { margin-top: 24px; }
.lc-op-vacia { display: grid; gap: 12px; max-width: 640px; margin-top: 24px; color: var(--ink-md-on-paper); }
.lc-op-nota { display: flex; align-items: center; gap: 12px; color: var(--ink-on-paper); }
.lc-op-nota svg { color: #D99A00; }
.lc-op-nota b { font: 600 3rem/1 var(--f-display); letter-spacing: -.03em; }
@media (min-width: 860px) { .lc-resenas { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Preguntas */
.lc-preguntas { padding-bottom: clamp(48px, 6vw, 88px); }
.lc-app { padding-top: clamp(48px, 6vw, 88px); border-top: 1px solid var(--line-dark); }
.lc-faq { max-width: 900px; margin-top: 28px; border-top: 1px solid var(--line-dark-strong); }
.lc-faq details { border-bottom: 1px solid var(--line-dark-strong); }
.lc-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; cursor: pointer; list-style: none; font: 600 1.0625rem/1.35 var(--f-display); }
.lc-faq summary::-webkit-details-marker { display: none; }
.lc-faq summary svg { flex: none; transition: transform .2s; color: var(--text-lo); }
.lc-faq details[open] summary svg { transform: rotate(180deg); }
.lc-faq details p { padding: 0 0 22px; color: var(--text-md); max-width: 70ch; }

/* Llamada final */
.lc-cta { background: var(--red); color: #fff; padding: clamp(56px, 7vw, 96px) 0; }
.lc-cta-in { display: grid; gap: 6px; justify-items: start; }
.lc-cta .lc-h2 { color: #fff; margin: 0; }
.lc-cta p { color: rgba(255, 255, 255, .86); }
.lc-cta .lc-ctas { margin-top: 22px; }
.lc-cta-volver { margin-top: 22px; font-size: .9375rem; color: rgba(255, 255, 255, .86); }
.lc-cta-volver a { display: inline-flex; align-items: center; gap: 6px; color: #fff; text-decoration: underline; text-underline-offset: 4px; }

/* Barra de abajo en el móvil */
.lc-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-bar); display: flex; gap: 10px; align-items: center; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgba(10, 10, 11, .94); border-top: 1px solid var(--line-dark); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.lc-barra .btn { flex: 1; }
.lc .footer { padding-bottom: calc(140px + env(safe-area-inset-bottom)); }
@media (min-width: 900px) { .lc-barra { display: none; } .lc .footer { padding-bottom: calc(64px + env(safe-area-inset-bottom)); } }