/* ===== LiraVoz · estilos de las secciones multi-idioma / SEO ===== */

/* --- Selector de idioma (nav) --- */
.nav-right{display:flex;align-items:center;gap:14px}
.lv-lang{position:relative}
.lv-lang-b{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--crema);
  border:1px solid var(--borde-2);border-radius:var(--r-pill);padding:8px 16px;font:inherit;font-size:.92rem;font-weight:600;cursor:pointer}
.lv-lang-b:hover{border-color:var(--oro)}
.lv-lang-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--panel);border:1px solid var(--borde-2);
  border-radius:var(--r-sm);padding:7px;min-width:172px;display:none;flex-direction:column;gap:2px;box-shadow:var(--sombra-suave);z-index:200}
.lv-lang[open] .lv-lang-menu{display:flex}
.lv-lang>summary{list-style:none;cursor:pointer}
.lv-lang>summary::-webkit-details-marker{display:none}
.lv-lang-car{font-size:.7em;opacity:.7;margin-left:1px}
.lv-lang-menu a{padding:10px 13px;border-radius:8px;font-size:.95rem;color:var(--crema)}
.lv-lang-menu a:hover{background:rgba(233,180,76,.12)}

/* --- Banner que sugiere idioma --- */
.lv-sug{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  background:var(--fondo-2);border-bottom:1px solid var(--borde);padding:9px 16px;font-size:.9rem;color:var(--tenue)}
.lv-sug-go{color:var(--oro);font-weight:600;border:1px solid rgba(233,180,76,.45);border-radius:var(--r-pill);padding:4px 14px}
.lv-sug-go:hover{background:rgba(233,180,76,.1)}
.lv-sug-x{background:none;border:0;color:var(--tenue-2);font-size:1.3rem;line-height:1;cursor:pointer;padding:0 4px}

/* --- Tira de confianza --- */
.lv-trust{border-top:1px solid var(--borde);border-bottom:1px solid var(--borde);background:var(--fondo-2)}
.lv-trust-in{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;padding:16px 22px;font-size:.92rem;color:var(--tenue)}
.lv-trust-in b{color:var(--crema);font-weight:600}
.lv-trust-in i{color:var(--oro);font-style:normal}

/* --- Secciones --- */
.lv-sec{padding:64px 0}
.lv-sec h2{font-family:var(--serif);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:500;margin:0 0 6px;text-align:center}
.lv-sec .lv-sub{color:var(--tenue);text-align:center;margin:0 auto 36px;max-width:560px}

/* --- Rejilla de ocasiones (el motor SEO) --- */
.lv-occ-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;max-width:980px;margin:0 auto}
.lv-occ{display:block;background:var(--panel);border:1px solid var(--borde);border-radius:var(--r-md);padding:18px;transition:border-color .18s,transform .18s}
.lv-occ:hover{border-color:var(--oro);transform:translateY(-3px)}
.lv-occ .lv-occ-emoji{font-size:1.7rem;line-height:1}
.lv-occ .lv-occ-l{font-weight:600;margin:10px 0 3px;color:var(--crema)}
.lv-occ .lv-occ-kw{font-size:.78rem;color:var(--oro);opacity:.85}

/* --- Reseñas --- */
.lv-rating{text-align:center;color:var(--oro);font-weight:600;margin:-22px 0 30px}
.lv-rev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:980px;margin:0 auto}
.lv-rev{background:var(--panel);border:1px solid var(--borde);border-radius:var(--r-md);padding:20px}
.lv-rev .lv-stars{color:var(--oro);letter-spacing:2px;margin-bottom:8px}
.lv-rev p{margin:0 0 10px;color:var(--crema)}
.lv-rev .lv-rev-by{font-size:.88rem;color:var(--tenue)}

/* --- FAQ --- */
.lv-faq{max-width:760px;margin:0 auto}
.lv-faq details{background:var(--panel);border:1px solid var(--borde);border-radius:var(--r-sm);padding:4px 18px;margin-bottom:10px}
.lv-faq summary{cursor:pointer;font-weight:600;padding:14px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.lv-faq summary::-webkit-details-marker{display:none}
.lv-faq summary::after{content:'+';color:var(--oro);font-size:1.3rem;line-height:1}
.lv-faq details[open] summary::after{content:'–'}
.lv-faq .lv-faq-a{color:var(--tenue);padding:0 0 16px}

/* --- CTA final --- */
.lv-final{max-width:720px;margin:0 auto;background:var(--panel);border:1px solid rgba(233,180,76,.3);
  border-radius:var(--r-lg);padding:40px 28px;text-align:center}
.lv-final h2{margin-top:0}
.lv-final .lv-sub{margin-bottom:22px}

/* --- Migas (páginas de ocasión) --- */
.lv-crumb{max-width:980px;margin:24px auto 0;padding:0 22px;font-size:.85rem;color:var(--tenue)}
.lv-crumb a{color:var(--oro)}

/* --- Caja de precio --- */
.lv-price{max-width:560px;margin:0 auto;background:var(--panel);border:1px solid var(--borde);border-radius:var(--r-lg);padding:34px 28px;text-align:center}
.lv-price .lv-amount{font-family:var(--serif);font-size:2.6rem;font-weight:500;color:var(--crema)}
.lv-price .lv-amount small{font-size:1rem;color:var(--tenue);font-family:var(--sans)}
.lv-price ul{list-style:none;padding:0;margin:20px 0;text-align:left;display:inline-block}
.lv-price li{padding:7px 0 7px 28px;position:relative;color:var(--crema)}
.lv-price li::before{content:'✓';position:absolute;left:0;color:var(--ok);font-weight:700}
.lv-price .lv-guar{color:var(--tenue);font-size:.9rem;margin-top:10px}

@media(max-width:640px){ .lv-sec{padding:46px 0} }

/* Móvil: el desplegable de idioma no debe salirse de la pantalla */
@media(max-width:880px){
  .lv-lang{position:static}
  .lv-lang-menu{right:auto;left:50%;transform:translateX(-50%);max-width:calc(100vw - 28px)}
}