:root{
  --teal-deep:#1E2E2A; --teal:#2C433D; --cream:#F7F1E7;
  --candle:#E7A85B; --candle-soft:#F4CE96; --navy:#16284A;
  --ink:#24211C; --ink-soft:#4A463E; --slate:#6B6A63; --terra:#B25E2B;
  --font-serif:'Lora',Georgia,'Times New Roman',serif;
  --font-sans:'Raleway',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{ font-family:var(--font-sans); color:var(--ink); background:var(--cream); line-height:1.75; font-size:17px; -webkit-font-smoothing:antialiased; }
img{ max-width:100%; display:block; }
a{ color:inherit; }
.wrap{ width:100%; max-width:780px; margin:0 auto; padding:0 24px; }

/* Barra superior */
.lg-nav{ background:var(--teal-deep); }
.lg-nav-inner{ max-width:1100px; margin:0 auto; padding:15px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.lg-brand{ display:flex; align-items:center; gap:.6rem; color:var(--cream); text-decoration:none; }
.lg-brand img{ height:36px; width:auto; filter:brightness(0) invert(1); }
.lg-brand span{ font-family:var(--font-serif); font-weight:600; font-size:1rem; letter-spacing:.03em; }
.lg-back{ color:var(--candle-soft); text-decoration:none; font-size:.9rem; font-weight:600; }
.lg-back:hover{ color:var(--cream); }

/* Encabezado */
.lg-header{ background:linear-gradient(160deg,var(--teal-deep),#26312f); color:var(--cream); padding:50px 0 56px; }
.lg-header .eyebrow{ color:var(--candle); text-transform:uppercase; letter-spacing:.28em; font-size:.72rem; font-weight:600; }
.lg-header h1{ font-family:var(--font-serif); font-size:clamp(2rem,5vw,3rem); margin-top:.5rem; line-height:1.1; }

/* Cuerpo */
.lg-content{ padding:50px 0 60px; }
.lg-intro{ font-size:1.06rem; color:var(--ink-soft); }
.lg-content h2{ font-family:var(--font-serif); font-size:1.3rem; color:var(--ink); margin-top:2rem; padding-top:1.7rem; border-top:1px solid #e6ddcc; }
.lg-content h2 .n{ color:var(--candle); }
.lg-content p{ margin:.7rem 0; color:var(--ink-soft); }
.lg-content ul{ margin:.5rem 0 1rem 1.3rem; color:var(--ink-soft); }
.lg-content li{ margin-bottom:.35rem; }
.lg-content a[href^="mailto"]{ color:var(--terra); font-weight:600; text-decoration:none; border-bottom:1px solid rgba(178,94,43,.4); }
.lg-content a[href^="mailto"]:hover{ border-color:var(--terra); }
.ph{ background:rgba(231,168,91,.18); border-bottom:1px dashed var(--candle); padding:0 4px; border-radius:3px; }
.lg-updated{ font-style:italic; color:var(--slate); margin-top:1.9rem; font-size:.95rem; }
.lg-backbtn{ display:inline-flex; align-items:center; gap:.5rem; margin-top:2.4rem; background:var(--candle); color:#2a1c07; font-weight:600; padding:.85rem 1.6rem; border-radius:999px; text-decoration:none; box-shadow:0 4px 14px rgba(36,33,28,.15); transition:transform .2s ease, box-shadow .2s ease; }
.lg-backbtn:hover{ transform:translateY(-2px); box-shadow:0 6px 18px rgba(36,33,28,.2); }

/* Pie */
.lg-foot{ background:var(--teal-deep); color:rgba(247,241,231,.7); text-align:center; padding:30px 0; font-size:.85rem; }
.lg-foot a{ color:rgba(247,241,231,.85); text-decoration:none; }
.lg-foot a:hover{ color:var(--candle-soft); }
.lg-foot .sep{ opacity:.4; margin:0 .5rem; }
:focus-visible{ outline:3px solid var(--candle); outline-offset:3px; border-radius:4px; }
@media(prefers-reduced-motion:reduce){ *{ transition:none !important; scroll-behavior:auto !important; } }
@media(max-width:520px){ body{ font-size:16px; } .lg-back{ display:none; } }