/* BEEVELA · páginas legales: lectura cómoda, mismos colores y letras que la tienda */
.lg-top { position: relative; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: calc(10px + var(--top)) var(--gutter) 10px; background: rgba(246, 241, 233, .92); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(20, 17, 14, .08); }
.lg-top .brand { color: var(--hollin); }
.lg-top .brand-word { border-color: rgba(20, 17, 14, .25); }
.lg-top .lang { color: var(--hollin); }
.lg-top .lang-btn[aria-pressed="true"] { color: var(--crema); background: var(--hollin); }
.lg-hero { position: relative; overflow: hidden; padding: 54px var(--gutter) 46px; background: radial-gradient(70% 90% at 90% 0%, rgba(240, 184, 103, .2), transparent 70%), var(--hollin); color: var(--crema); }
.lg-hero .wrap { padding: 0; display: grid; gap: 14px; }
.lg-hero h1 { margin: 0; font-family: var(--f-display); font-weight: 500; font-size: clamp(2.2rem, 9vw, 3.6rem); line-height: 1.04; letter-spacing: -.02em; }
.lg-hero h1 em { display: block; font-style: italic; font-weight: 400; color: var(--oro); }
.lg-hero p { color: rgba(243, 235, 221, .75); font-size: .92rem; }
.lg-tabs { position: sticky; top: 0; z-index: 15; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 12px var(--gutter); background: rgba(246, 241, 233, .94); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(20, 17, 14, .06); }
.lg-tabs::-webkit-scrollbar { display: none; }
.lg-tabs a { flex: none; padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(20, 17, 14, .15); text-decoration: none; font-size: .88rem; }
.lg-tabs a.is-on { background: var(--hollin); border-color: var(--hollin); color: var(--crema); }
.lg-main { position: relative; z-index: 1; padding: 30px 0 90px; }
.lg-main .wrap { max-width: 760px; }
.lg-doc { scroll-margin-top: 76px; padding: 30px 0 10px; }
.lg-doc + .lg-doc { border-top: 1px solid rgba(20, 17, 14, .1); margin-top: 26px; }
.lg-doc > h2 { margin: 0 0 6px; font-family: var(--f-display); font-weight: 500; font-size: clamp(1.9rem, 7vw, 2.6rem); line-height: 1.08; }
.lg-doc > h2 em { font-style: italic; font-weight: 400; color: var(--bronce-osc); }
.lg-date { margin-bottom: 22px; font-size: .82rem; color: var(--humo); }
.lg-doc h3 { margin: 26px 0 8px; display: flex; gap: 10px; align-items: baseline; font-family: var(--f-display); font-weight: 500; font-size: 1.28rem; line-height: 1.2; }
.lg-doc h3 span { font-style: italic; font-weight: 400; font-size: 1rem; color: var(--bronce-osc); }
.lg-doc p, .lg-doc li { color: #3D352E; font-size: .97rem; line-height: 1.7; }
.lg-doc p + p { margin-top: 10px; }
.lg-doc ul { margin: 8px 0 0; padding-left: 20px; display: grid; gap: 6px; }
.lg-doc a { color: var(--bronce-osc); }
.lg-note { margin-top: 18px; padding: 16px 18px; border-radius: 18px; background: var(--cera-card); border: 1px solid rgba(180, 138, 82, .25); }
.lg-note p { font-size: .92rem; }
.lg-foot { padding: 28px var(--gutter) calc(90px + var(--bottom)); background: var(--hollin); color: rgba(243, 235, 221, .7); text-align: center; font-size: .82rem; display: grid; gap: 10px; justify-items: center; }
.lg-foot a { color: var(--oro); }
html { scroll-behavior: auto; }

[data-doc-lang] { display: none; }
html[lang="es"] [data-doc-lang="es"], html[lang="en"] [data-doc-lang="en"] { display: block; }
.lg-tabs a { color: var(--hollin); }
.lg-intro { margin-bottom: 6px; }
.lg-doc > h2.lg-group { margin: 34px 0 -4px; padding-top: 22px; border-top: 1px solid rgba(20, 17, 14, .1); font-family: var(--f-body); font-size: .74rem; font-weight: 500; letter-spacing: .28em; text-transform: uppercase; color: var(--bronce-osc); }
.lg-doc > h2.lg-group:first-of-type { margin-top: 8px; padding-top: 0; border-top: 0; }
.lg-doc h3 span { min-width: 1.4em; }
.lg-btn { margin-top: 6px; }
.lg-foot .legal-links a { color: rgba(243, 235, 221, .75); }
.lg-back { color: var(--crema); border-color: rgba(243, 235, 221, .3); }