/* Anglicanismo.cl — paleta tomada del póster "Tradición anglicana en Chile" */
@font-face{font-family:"Crimson Pro";font-style:normal;font-weight:400;font-display:swap;src:url(fuentes/crimson-pro-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Crimson Pro";font-style:normal;font-weight:600;font-display:swap;src:url(fuentes/crimson-pro-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Crimson Pro";font-style:normal;font-weight:700;font-display:swap;src:url(fuentes/crimson-pro-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Crimson Pro";font-style:italic;font-weight:400;font-display:swap;src:url(fuentes/crimson-pro-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Libre Baskerville";font-style:normal;font-weight:400;font-display:swap;src:url(fuentes/libre-baskerville-latin-400-normal.woff2) format("woff2")}
:root{
  --pizarra:#3D4F58;        /* fondo del póster */
  --pizarra-osc:#2C3A41;
  --tinta:#1F2A30;          /* texto principal */
  --tinta-suave:#4A5860;
  --oro:#CDAC4F;            /* dorado medio del póster */
  --oro-claro:#E7CA74;
  --oro-osc:#9A7A22;        /* dorado legible sobre fondo claro */
  --papel:#F8F6F1;
  --papel-2:#F1EEE7;
  --rubrica:#8E2424;        /* rojo de rúbricas litúrgicas */
  --linea:#D9D4C8;
  --ancho:1200px;
  --serif:"Crimson Pro",Georgia,"Times New Roman",serif;
  --mayus:"Libre Baskerville",Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--serif);font-size:1.3rem;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--pizarra)}
.contenedor{max-width:var(--ancho);margin:0 auto;padding:0 32px}
em,i{font-style:italic}

/* ---------- Encabezado ---------- */
.cabecera{position:sticky;top:0;z-index:50;background:rgba(248,246,241,.97);border-bottom:1px solid var(--linea);backdrop-filter:blur(6px)}
.cabecera .contenedor{display:flex;align-items:center;justify-content:space-between;height:84px}
.marca{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--pizarra)}
.marca img{width:42px;height:42px}
.marca span{font-size:1.85rem;letter-spacing:.005em}
.menu{display:flex;align-items:center;gap:36px}
.menu a{text-decoration:none;color:var(--tinta);font-size:1.3rem;text-underline-offset:6px}
.menu a:hover,.menu a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1.5px;color:var(--pizarra)}
.menu a.boton{color:#fff;text-decoration:none}
.menu-toggle{display:none;background:none;border:1px solid var(--linea);padding:8px 12px;font:inherit;font-size:1rem;color:var(--pizarra);cursor:pointer}

/* ---------- Botones ---------- */
.boton{text-align:center;display:inline-flex;align-items:center;justify-content:center;padding:16px 34px;font-family:var(--serif);font-weight:600;font-size:1.3rem;text-decoration:none;border:1.5px solid var(--pizarra);background:var(--pizarra);color:#fff;transition:background .2s,color .2s,border-color .2s}
.boton:hover{background:var(--pizarra-osc);border-color:var(--pizarra-osc)}
.boton.borde{background:transparent;color:var(--pizarra)}
.boton.borde:hover{background:var(--pizarra);color:#fff}
.menu .boton{padding:12px 24px}
.botones{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}

/* ---------- Tipografía de secciones ---------- */
.antetitulo{font-style:italic;font-size:1.2rem;color:var(--tinta-suave);margin:0 0 4px}
.titulo-xl{font-size:clamp(3.4rem,8vw,6.6rem);line-height:1.02;font-weight:400;color:var(--pizarra);margin:0}
.titulo-l{font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.08;font-weight:400;margin:0;color:var(--tinta)}
.titulo-l.pizarra{color:var(--pizarra)}
.lema{font-style:italic;font-size:1.65rem;color:var(--tinta-suave);margin:14px 0 0}
.filete{width:112px;height:3px;background:linear-gradient(90deg,var(--oro-osc),var(--oro),var(--oro-claro));border:0;margin:30px 0 34px}
.bajada{color:var(--tinta-suave);font-size:1.4rem;margin:12px 0 0}
.seccion{padding:110px 0}
.seccion.tono{background:var(--papel-2)}
.separada{border-top:1px solid var(--linea)}

/* ---------- Portada ---------- */
.portada{padding:90px 0 110px}
.portada .contenedor{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}
.portada p.intro{font-size:1.55rem;max-width:690px;margin:0}
.emblema{justify-self:center;width:min(100%,340px);aspect-ratio:1/1.08;position:relative;display:grid;place-items:center}
.emblema::before,.emblema::after{content:"";position:absolute;border:1.5px solid var(--oro)}
.emblema::before{inset:0}
.emblema::after{inset:12px;border-width:1px}
.emblema img{width:72%;filter:drop-shadow(0 1px 0 rgba(0,0,0,.06))}
.emblema .rombo{position:absolute;width:9px;height:9px;background:var(--oro);transform:rotate(45deg)}
.emblema .r1{top:-5px;left:-5px}.emblema .r2{top:-5px;right:-5px}.emblema .r3{bottom:-5px;left:-5px}.emblema .r4{bottom:-5px;right:-5px}

/* ---------- Banda oscura (renovación) ---------- */
.banda{background:var(--pizarra);color:#fff;padding:120px 0;position:relative}
.banda::before{content:"";position:absolute;inset:18px;border:1px solid rgba(205,172,79,.35);pointer-events:none}
.banda .contenedor{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.banda .antetitulo{color:var(--oro-claro)}
.banda .titulo-l{color:#fff}
.banda p{font-size:1.45rem;margin:22px 0 0;max-width:640px}
.banda p.destacado{font-size:1.6rem}
.banda .boton{background:#fff;color:var(--pizarra);border-color:#fff}
.banda .boton:hover{background:var(--oro-claro);border-color:var(--oro-claro)}
.banda .boton.borde{background:transparent;color:#fff;border-color:rgba(255,255,255,.85)}
.banda .boton.borde:hover{background:#fff;color:var(--pizarra)}
.banda .botones{display:grid;grid-template-columns:1fr 1fr;max-width:640px}
.banda .botones .ancho{grid-column:1/-1}
.ornamento{display:flex;align-items:center;gap:8px;margin:0 0 26px}
.ornamento i{display:block;width:8px;height:8px;background:var(--oro);transform:rotate(45deg)}
.ornamento b{display:block;width:46px;height:2px;background:var(--oro)}

/* Vista previa de la liturgia (como teléfono) */
.vista{background:#fff;color:var(--tinta);max-width:430px;width:100%;justify-self:center;box-shadow:0 30px 60px rgba(0,0,0,.28)}
.vista .progreso{display:flex;gap:4px;padding:10px 10px 8px;border-bottom:1px solid #eee}
.vista .progreso span{flex:1;height:4px;background:#e6e3dc;border-radius:2px}
.vista .progreso span.on{background:var(--oro-osc)}
.vista .cuerpo{padding:26px 34px 0;height:520px;overflow:hidden;position:relative}
.vista .cuerpo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(rgba(255,255,255,0),#fff)}
.vista h3{font-size:1.95rem;color:var(--pizarra);text-align:center;margin:0;font-weight:600;line-height:1.15}
.vista .fecha{font-family:system-ui,sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#6b6b6b;margin:10px 0 4px}
.vista .estado{text-align:center;font-size:1.1rem;color:var(--tinta-suave);margin:0}
.pestanas{display:flex;background:#f2f0eb;border:1px solid #e3e0d8;border-radius:6px;padding:4px;margin:18px auto 20px;max-width:290px}
.pestanas button{flex:1;border:0;background:transparent;font-family:var(--serif);font-size:1.1rem;padding:9px 0;border-radius:4px;cursor:pointer;color:var(--tinta-suave)}
.pestanas button[aria-selected="true"]{background:#fff;color:var(--pizarra);font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.vista h4{font-family:var(--mayus);font-weight:400;font-size:.95rem;letter-spacing:.12em;text-align:center;color:var(--rubrica);margin:6px 0 12px}
.vista .rub{font-style:italic;color:var(--rubrica);font-size:1rem;margin:0 0 10px}
.vista .ver{font-size:1.08rem;line-height:1.5;margin:0 0 8px;border-left:2px solid #e3e0d8;padding-left:16px}
.vista .ver b{font-weight:600;color:var(--pizarra)}
.vista .ver small{font-style:italic;color:var(--rubrica);font-size:.85rem}
.pie-vista{font-style:italic;color:rgba(255,255,255,.85);font-size:1.15rem;margin:14px 0 0;max-width:430px;justify-self:center;width:100%}
.columna-vista{display:grid}

/* ---------- Avances ---------- */
.hitos{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:64px}
.hito{border-top:1.5px solid var(--tinta);padding-top:26px}
.hito .etiqueta{display:inline-block;font-family:system-ui,sans-serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border:1px solid var(--oro-osc);color:var(--oro-osc);margin-bottom:16px}
.hito .etiqueta.listo{background:var(--pizarra);border-color:var(--pizarra);color:#fff}
.hito h3{font-size:2rem;font-weight:400;line-height:1.15;margin:0 0 10px}
.hito p{margin:0;color:var(--tinta-suave)}
.barra{height:6px;background:#e3dfd5;margin-top:22px;position:relative;overflow:hidden}
.barra span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--oro-osc),var(--oro))}

/* ---------- Libros / liturgias ---------- */
.libros{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:64px}
.libro{border-top:1.5px solid var(--tinta);padding-top:34px;display:flex;flex-direction:column}
.tapa{width:72%;aspect-ratio:2/3;background:var(--pizarra);color:var(--oro-claro);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 18px;box-shadow:0 10px 24px rgba(31,42,48,.18);text-decoration:none}
.tapa::before{content:"";position:absolute;inset:10px;border:1px solid rgba(205,172,79,.75)}
.tapa::after{content:"";position:absolute;inset:15px;border:1px solid rgba(205,172,79,.35)}
.tapa.verde{background:#173F42}
.tapa.vino{background:#5E1F24}
.tapa img{width:34%;margin-bottom:22px}
.tapa .serie{font-family:var(--mayus);font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;opacity:.85;margin-bottom:12px}
.tapa .nombre{font-family:var(--mayus);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.45}
.tapa .linea{width:40px;height:1px;background:var(--oro);margin:14px auto}
.tapa .sub{font-style:italic;font-size:.85rem;opacity:.9}
.libro h3{font-size:2.15rem;font-weight:400;line-height:1.12;margin:30px 0 10px}
.libro p{margin:0 0 18px;color:var(--tinta)}
.libro .enlaces{margin-top:auto;display:flex;gap:22px;flex-wrap:wrap}
.libro .enlaces a{font-weight:600;text-underline-offset:5px}

/* ---------- Redes ---------- */
.redes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px}
.red{display:flex;flex-direction:column;gap:6px;padding:34px 30px;background:#fff;border:1px solid var(--linea);text-decoration:none;color:var(--tinta);transition:border-color .2s,transform .2s}
.red:hover{border-color:var(--oro);transform:translateY(-3px)}
.red svg{width:34px;height:34px;color:var(--pizarra);margin-bottom:14px}
.red .plataforma{font-style:italic;color:var(--tinta-suave);font-size:1.1rem}
.red .cuenta{font-size:1.75rem;color:var(--pizarra);line-height:1.2}
.red .desc{font-size:1.15rem;color:var(--tinta-suave);margin-top:6px}
.red .ir{margin-top:16px;font-weight:600;color:var(--pizarra);font-size:1.1rem}

/* ---------- Páginas interiores ---------- */
.cabeza-pagina{padding:90px 0 80px;border-bottom:1px solid var(--linea)}
.cabeza-pagina p{max-width:900px;margin:0;font-size:1.45rem}
.subnav{display:flex;flex-wrap:wrap;gap:28px;margin-top:36px}
.subnav a{font-size:1.4rem;text-underline-offset:6px;text-decoration-thickness:1.5px}
.equipo{display:grid;grid-template-columns:1fr 1fr;gap:66px;margin-top:64px;max-width:1100px}
.persona{border-top:1.5px solid var(--tinta);padding-top:26px}
.persona h3{font-size:2.2rem;font-weight:400;margin:0}
.persona .cargo{font-style:italic;color:var(--tinta-suave);margin:4px 0 16px}
.persona p{margin:0 0 12px}
.lista-litur{list-style:none;padding:0;margin:40px 0 0;max-width:900px}
.lista-litur li{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:18px 0;border-bottom:1px solid var(--linea)}
.lista-litur .num{font-family:var(--mayus);color:var(--oro-osc);font-size:1.1rem;padding-top:3px}
.lista-litur b{font-weight:600}
.lista-litur span{color:var(--tinta-suave)}

/* ---------- Pie ---------- */
.pie{border-top:1px solid var(--linea);padding:80px 0 50px;text-align:center}
.pie img{width:96px;height:96px;margin:0 auto 14px}
.pie .nombre{font-size:2.4rem;color:var(--pizarra);margin:0}
.pie .lema{font-size:1.2rem;margin:4px 0 0}
.pie .desde{font-style:italic;color:var(--tinta-suave);margin:44px 0 6px;font-size:1.15rem}
.pie .iglesia{font-family:var(--mayus);letter-spacing:.14em;text-transform:uppercase;font-size:1.05rem;color:var(--tinta)}
.pie .iglesia span{color:var(--oro-osc)}
.pie nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 34px;margin:46px 0 30px}
.pie nav a{font-size:1.25rem;text-underline-offset:5px}
.pie .copy{color:var(--tinta-suave);font-size:1.1rem;margin:0}

/* ---------- Adaptable ---------- */
@media (max-width:1060px){
  .menu{gap:22px}
  .libros,.hitos,.redes{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  body{font-size:1.2rem}
  .menu-toggle{display:block}
  .menu{display:none;position:absolute;top:84px;left:0;right:0;background:var(--papel);flex-direction:column;align-items:flex-start;gap:0;padding:8px 32px 24px;border-bottom:1px solid var(--linea)}
  .menu.abierto{display:flex}
  .menu a{padding:12px 0;width:100%}
  .menu a.boton{margin-top:10px;width:auto;padding:12px 24px}
  .portada .contenedor,.banda .contenedor{grid-template-columns:1fr}
  .emblema{display:none}
  .equipo{grid-template-columns:1fr}
  .seccion,.banda{padding:80px 0}
}
@media (max-width:640px){
  .contenedor{padding:0 22px}
  .marca span{font-size:1.5rem}
  .marca img{width:36px;height:36px}
  .libros,.hitos,.redes{grid-template-columns:1fr}
  .tapa{width:62%}
  .banda .botones{grid-template-columns:1fr}
  .boton{width:100%}
  .portada{padding:56px 0 80px}
  .vista .cuerpo{padding:22px 22px 0}
  .banda::before{inset:8px}
  .banda .contenedor{padding:0 26px}
}

/* ---------- v2: obras, libros de Anglicanismo.com, red única ---------- */
.obra{display:grid;grid-template-columns:.8fr 2.2fr;gap:56px;margin-top:80px;padding-top:40px;border-top:1px solid var(--linea)}
.obra-texto h3{font-size:2.6rem;font-weight:400;line-height:1.1;margin:0 0 16px;color:var(--pizarra)}
.obra-texto p{margin:0 0 12px}
.obra .libros{margin-top:0;gap:36px}
.libros.dos{grid-template-columns:repeat(2,1fr)}
.libros.cuatro{grid-template-columns:repeat(4,1fr);gap:40px}
.libro h4{font-size:1.85rem;font-weight:400;line-height:1.15;margin:26px 0 10px}
.libro .tapa{width:82%}
.libros.cuatro .libro .tapa,.libros.cuatro .portada-libro{width:76%}
.portada-libro{display:block;box-shadow:0 10px 24px rgba(31,42,48,.18)}
.portada-libro img{width:100%;aspect-ratio:2/3;object-fit:cover}
.redes.una{grid-template-columns:minmax(0,440px)}
.pie .desde{font-size:1.3rem;max-width:560px;margin:30px auto 0}
.recursos-ext{list-style:none;padding:0;margin:40px 0 0;max-width:960px}
.recursos-ext li{padding:24px 0;border-bottom:1px solid var(--linea)}
.recursos-ext a{font-size:1.6rem;text-underline-offset:5px}
.recursos-ext p{margin:6px 0 0;color:var(--tinta-suave)}
.credito{font-style:italic;color:var(--tinta-suave);margin-top:26px;font-size:1.15rem}
@media (max-width:1060px){.obra{grid-template-columns:1fr;gap:30px}.libros.cuatro{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.libros.dos,.libros.cuatro{grid-template-columns:1fr}.libro .tapa,.libros.cuatro .portada-libro,.libros.cuatro .libro .tapa{width:62%}}