@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&family=Open+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap");

:root {
  --ink: #23162d;
  --plum: #4b175d;
  --violet: #71358b;
  --magenta: #b12a74;
  --fuchsia: #d83d98;
  --lilac: #cdb4db;
  --lavender: #ece2f4;
  --blush: #f8e9f2;
  --paper: #fffafc;
  --white: #ffffff;
  --muted: #725f79;
  --line: rgba(75, 23, 93, 0.16);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Open Sans", sans-serif;
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
h1, h2, h3 {
  margin-top: 0;
  font-family: "Playfair Display", serif;
  font-weight: 400;
  line-height: 1.05;
}

.site-header {
  min-height: 82px;
  padding: 0 clamp(22px, 5vw, 78px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(255, 250, 252, 0.9);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(18px);
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--plum);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.brand-mark {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--white);
  background: linear-gradient(135deg, var(--plum), var(--fuchsia));
  border-radius: 50%;
  font-family: "Playfair Display", serif;
  font-size: 12px;
  letter-spacing: 0;
  box-shadow: 0 8px 24px rgba(177, 42, 116, .22);
}
nav { display: flex; align-items: center; gap: clamp(18px, 2.5vw, 34px); font-size: 13px; font-weight: 700; }
nav a { transition: color .2s ease; }
nav a:hover { color: var(--magenta); }
.header-contact {
  padding: 9px 15px;
  color: var(--plum);
  border: 1px solid var(--plum);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
}

.hero {
  min-height: calc(100vh - 82px);
  display: grid;
  grid-template-columns: 1.04fr .96fr;
  background:
    radial-gradient(circle at 10% 15%, rgba(216, 61, 152, .12), transparent 30%),
    linear-gradient(145deg, var(--paper), var(--lavender));
}
.hero-copy {
  padding: clamp(70px, 9vw, 140px) clamp(28px, 7vw, 110px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.eyebrow {
  margin: 0;
  color: var(--magenta);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.hero h1 {
  max-width: 760px;
  margin: 22px 0 30px;
  font-size: clamp(54px, 6.4vw, 102px);
  letter-spacing: -.045em;
}
.hero h1 span {
  display: block;
  color: var(--magenta);
  font-style: italic;
}
.hero-intro { max-width: 660px; margin: 0; color: var(--muted); font-size: clamp(17px, 1.4vw, 21px); }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 38px; }
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 12px 22px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary {
  color: var(--white);
  background: linear-gradient(135deg, var(--plum), var(--magenta));
  box-shadow: 0 14px 35px rgba(113, 53, 139, .25);
}
.quiet-link { color: var(--plum); font-size: 14px; font-weight: 800; }
.quiet-link span { color: var(--magenta); margin-left: 5px; }
.hero-note {
  max-width: 580px;
  margin-top: 56px;
  padding-top: 24px;
  display: flex;
  gap: 14px;
  border-top: 1px solid var(--line);
  color: var(--violet);
}
.hero-note > span { color: var(--fuchsia); }
.hero-note p { margin: 0; font-family: "Merriweather", serif; font-size: 17px; }
.hero-note small { display: block; margin-top: 6px; color: var(--muted); font-family: "Open Sans", sans-serif; font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.hero-media { min-height: 680px; position: relative; overflow: hidden; background: var(--plum); }
.hero-media video { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }
.video-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(48, 10, 63, .08) 40%, rgba(41, 9, 54, .72));
}
.hero-media > p {
  margin: 0;
  position: absolute;
  left: 48px;
  right: 48px;
  bottom: 45px;
  z-index: 2;
  color: var(--white);
  font-family: "Merriweather", serif;
  font-size: clamp(22px, 2.4vw, 38px);
  font-style: italic;
}

.library, .journey { padding: 110px clamp(24px, 6vw, 98px); }
.section-heading {
  max-width: 1380px;
  margin: 0 auto 62px;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  align-items: end;
  gap: 70px;
}
.section-heading h2, .about h2, .contact h2, .video-section h2 {
  margin: 14px 0 0;
  font-size: clamp(43px, 5vw, 74px);
  letter-spacing: -.035em;
}
.section-heading > p { max-width: 540px; margin: 0; color: var(--muted); font-size: 17px; }
.resource-grid {
  max-width: 1380px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--line);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 18px 55px rgba(75, 23, 93, .08);
}
.resource-card {
  min-height: 420px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  position: relative;
  background: rgba(255, 255, 255, .62);
  border-right: 1px solid var(--line);
  transition: transform .2s ease, background .2s ease;
}
.resource-card:last-child { border-right: 0; }
.resource-card:hover { background: var(--white); }
.resource-card.featured {
  color: var(--white);
  background:
    radial-gradient(circle at 90% 10%, rgba(216, 61, 152, .45), transparent 32%),
    linear-gradient(155deg, var(--plum), #32103f);
}
.card-top { display: flex; justify-content: space-between; color: var(--lilac); font-size: 13px; }
.card-icon { color: var(--fuchsia); font-size: 28px; }
.card-label { margin: 76px 0 12px; color: var(--magenta); font-size: 10px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.featured .card-label { color: #f2a5d1; }
.resource-card h3 { margin-bottom: 16px; font-size: 29px; }
.card-description { margin: 0; color: var(--muted); font-size: 14px; }
.featured .card-description { color: #dfcfe6; }
.resource-card a { margin-top: auto; padding-top: 28px; font-size: 14px; font-weight: 800; }
.resource-card a span { color: var(--fuchsia); margin-left: 5px; }
.resource-card small {
  position: absolute;
  right: 24px;
  bottom: 19px;
  color: var(--violet);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
  opacity: .65;
}
.featured small { color: var(--lilac); }

.video-section {
  min-height: 650px;
  padding: 90px clamp(28px, 8vw, 130px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 80px;
  overflow: hidden;
  color: var(--white);
  background:
    radial-gradient(circle at 80% 20%, rgba(216, 61, 152, .42), transparent 30%),
    linear-gradient(135deg, #31103f, var(--plum) 52%, #761f6c);
}
.video-copy { max-width: 700px; }
.video-section .eyebrow { color: #f1a2ce; }
.video-section p:not(.eyebrow) { max-width: 630px; color: #e3d3e9; font-size: 18px; }
.button-light { margin-top: 22px; color: var(--plum); background: var(--white); }
.video-symbol { min-height: 430px; position: relative; display: grid; place-items: center; }
.video-symbol span {
  width: 130px;
  height: 130px;
  display: grid;
  place-items: center;
  z-index: 2;
  padding-left: 7px;
  color: var(--white);
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 50%;
  font-size: 38px;
  backdrop-filter: blur(10px);
}
.video-symbol div,
.video-symbol::before,
.video-symbol::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 50%;
}
.video-symbol div { width: 260px; height: 260px; }
.video-symbol::before { width: 390px; height: 390px; }
.video-symbol::after { width: 520px; height: 520px; }

.journey { background: var(--blush); }
.section-heading.compact { grid-template-columns: 1fr; }
.steps {
  max-width: 1380px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.steps > div { padding: 30px; border-left: 1px solid var(--line); }
.steps span { color: var(--magenta); font-size: 11px; font-weight: 900; letter-spacing: .15em; }
.steps h3 { margin: 28px 0 12px; font-size: 37px; }
.steps p { margin: 0; color: var(--muted); font-size: 14px; }

.about {
  padding: 130px clamp(28px, 11vw, 180px);
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 70px;
  background: var(--paper);
}
.about h2 { max-width: 950px; }
.about div > p:not(.signature) { max-width: 820px; color: var(--muted); font-size: 19px; }
.signature { margin-top: 32px; color: var(--magenta); font-family: "Playfair Display", serif; font-size: 22px; font-style: italic; }

.contact {
  padding: 100px clamp(28px, 10vw, 160px);
  text-align: center;
  background: linear-gradient(145deg, var(--lavender), var(--blush));
}
.contact h2 { max-width: 950px; margin: 18px auto 34px; }
.contact > a { color: var(--magenta); font-size: clamp(20px, 2vw, 30px); font-weight: 800; border-bottom: 1px solid currentColor; }

footer {
  min-height: 150px;
  padding: 42px clamp(24px, 6vw, 98px);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 30px;
  color: #eadff0;
  background: var(--ink);
}
footer .brand { color: var(--white); }
footer p { margin: 0; text-align: center; color: #bdaac6; font-size: 13px; }
.footer-links { display: flex; justify-content: flex-end; gap: 24px; font-size: 13px; font-weight: 800; }

@media (max-width: 1080px) {
  nav { display: none; }
  .hero { grid-template-columns: 1fr; }
  .hero-media { min-height: 680px; }
  .resource-grid { grid-template-columns: repeat(2, 1fr); }
  .resource-card:nth-child(2) { border-right: 0; }
  .resource-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .video-section { grid-template-columns: 1fr; }
  .video-symbol { min-height: 360px; }
}

@media (max-width: 700px) {
  .site-header { min-height: 72px; }
  .brand { max-width: 220px; font-size: 11px; }
  .header-contact { display: none; }
  .hero-copy { padding-top: 70px; padding-bottom: 70px; }
  .hero h1 { font-size: clamp(48px, 15vw, 72px); }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 18px; }
  .hero-media { min-height: 520px; }
  .hero-media > p { left: 28px; right: 28px; bottom: 30px; }
  .section-heading { grid-template-columns: 1fr; gap: 28px; }
  .resource-grid { grid-template-columns: 1fr; }
  .resource-card { border-right: 0; border-bottom: 1px solid var(--line); }
  .resource-card:last-child { border-bottom: 0; }
  .steps { grid-template-columns: 1fr 1fr; }
  .steps > div:nth-child(3), .steps > div:nth-child(4) { border-top: 1px solid var(--line); }
  .about { grid-template-columns: 1fr; gap: 18px; padding-top: 85px; padding-bottom: 85px; }
  footer { grid-template-columns: 1fr; text-align: left; }
  footer p { text-align: left; }
  .footer-links { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0.01ms !important; }
}

/* Dirección visual: una portada luminosa, profunda y claramente magenta-lila. */
.site-header {
  color: #fff8ff;
  background: rgba(55, 11, 73, .92);
  border-bottom-color: rgba(255, 255, 255, .14);
  box-shadow: 0 12px 40px rgba(38, 5, 52, .16);
}
.site-header .brand,
.site-header nav a { color: #fff8ff; }
.site-header .header-contact {
  color: #fff;
  border-color: rgba(255, 255, 255, .56);
  background: rgba(255, 255, 255, .08);
}
.site-header .brand-mark {
  background: linear-gradient(135deg, #ef4eac, #9d55d2);
  box-shadow: 0 0 0 5px rgba(255,255,255,.08), 0 10px 30px rgba(239,78,172,.32);
}
.hero {
  padding: clamp(22px, 3vw, 48px);
  gap: clamp(24px, 4vw, 64px);
  background:
    radial-gradient(circle at 14% 10%, rgba(246, 91, 187, .34), transparent 26%),
    radial-gradient(circle at 72% 90%, rgba(166, 105, 222, .24), transparent 34%),
    linear-gradient(135deg, #3a0c4d 0%, #581451 48%, #3b0f58 100%);
}
.hero-copy {
  padding: clamp(55px, 7vw, 110px) clamp(12px, 4vw, 62px);
  color: #fff;
}
.hero .eyebrow { color: #f7a8dc; }
.hero h1 {
  text-shadow: 0 3px 28px rgba(18, 0, 25, .22);
}
.hero h1 span {
  color: #ff6fbd;
}
.hero-intro { color: #f2dfee; }
.quiet-link { color: #fff; }
.button-primary {
  color: #40104d;
  background: linear-gradient(135deg, #fff9fe, #f5d9ee);
  box-shadow: 0 18px 38px rgba(25, 0, 35, .28);
}
.hero-note {
  color: #f9e7f4;
  border-top-color: rgba(255,255,255,.2);
}
.hero-note small { color: #d9b9dc; }
.hero-media {
  min-height: 690px;
  margin: clamp(12px, 2vw, 26px) 0;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 28px;
  box-shadow: 0 30px 80px rgba(22, 0, 31, .42);
}
.hero-media::after {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: 1;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 18px;
}
.video-shade {
  background:
    linear-gradient(180deg, rgba(56, 9, 65, .02) 40%, rgba(48, 7, 56, .76)),
    radial-gradient(circle at 50% 48%, transparent 35%, rgba(63, 11, 70, .18));
}
.library {
  background:
    radial-gradient(circle at 88% 18%, rgba(225, 86, 177, .13), transparent 22%),
    linear-gradient(180deg, #fff9fd, #f7eafa);
}
.resource-grid {
  gap: 16px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.resource-card {
  border: 1px solid rgba(104, 37, 121, .13) !important;
  border-radius: 22px;
  box-shadow: 0 18px 48px rgba(79, 22, 91, .08);
}
.resource-card:nth-child(2) { background: #f5e8fb; }
.resource-card:nth-child(3) { background: #fde9f5; }
.resource-card:nth-child(4) { background: #eee8fb; }
.resource-card.featured {
  background:
    radial-gradient(circle at 90% 10%, rgba(255, 105, 192, .52), transparent 34%),
    linear-gradient(150deg, #641464, #3c0d50);
}
.journey {
  background:
    radial-gradient(circle at 8% 25%, rgba(244, 107, 191, .17), transparent 25%),
    linear-gradient(135deg, #f9e9f5, #eee4fb);
}
.contact {
  background:
    radial-gradient(circle at 80% 15%, rgba(255,255,255,.32), transparent 22%),
    linear-gradient(135deg, #e9d4f5, #f7dbea 55%, #e5d8f7);
}

@media (max-width: 1080px) and (min-width: 761px) {
  .hero { grid-template-columns: 1.04fr .96fr; }
  .hero-media { min-height: 610px; }
}

@media (max-width: 760px) {
  .hero { padding: 0 18px 28px; grid-template-columns: 1fr; }
  .hero-copy { padding-left: 10px; padding-right: 10px; }
  .hero-media { min-height: 500px; margin: 0; }
}

/* Prueba local de portada: tumba vacía en su formato panorámico original. */
.hero.tomb-preview {
  min-height: calc(100vh - 82px);
  display: block;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 0;
  background: #08080a;
}
.tomb-preview .hero-media {
  min-height: 0;
  position: absolute;
  inset: 0;
  z-index: -2;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.tomb-preview .hero-media::after { display: none; }
.tomb-preview .hero-media video {
  object-fit: cover;
  object-position: center;
}
.tomb-preview .video-shade {
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(7, 7, 9, .64) 0%, rgba(7, 7, 9, .47) 36%, rgba(7, 7, 9, .13) 62%, rgba(7, 7, 9, 0) 82%),
    linear-gradient(180deg, rgba(0, 0, 0, .04), rgba(0, 0, 0, .12));
}
.tomb-preview .hero-copy {
  width: min(58%, 760px);
  min-height: calc(100vh - 82px);
  padding: clamp(64px, 8vh, 105px) clamp(36px, 7vw, 110px);
  position: relative;
  z-index: 2;
}
.tomb-preview .hero-note {
  margin-top: 36px;
  color: #fff4fb;
}
.resurrection-verse {
  width: min(36vw, 470px);
  margin: 0;
  padding: 0;
  position: absolute;
  right: clamp(35px, 6vw, 100px);
  bottom: clamp(45px, 8vh, 90px);
  z-index: 3;
  color: #fff8fc;
  background: transparent;
  border: 0;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .9), 0 1px 3px rgba(0, 0, 0, .9);
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: opacity .9s ease, transform .9s ease, visibility .9s;
}
.resurrection-verse p {
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: clamp(17px, 1.35vw, 22px);
  line-height: 1.45;
}
.resurrection-verse small {
  display: block;
  margin-top: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: #ff8dcc;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .9);
}
.tomb-preview.video-ended .resurrection-verse {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.sound-fallback {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  position: absolute;
  top: 28px;
  right: clamp(28px, 5vw, 78px);
  z-index: 5;
  color: rgba(255, 255, 255, .72);
  background: rgba(48, 9, 55, .26);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  font: 600 15px/1 "Open Sans", sans-serif;
  cursor: pointer;
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: background .2s ease, transform .2s ease, opacity .25s ease, visibility .25s;
}
.sound-fallback.visible { opacity: 1; visibility: visible; transform: translateY(0); }
.sound-fallback:hover { color: #fff; background: rgba(76, 14, 77, .48); }

@media (max-width: 760px) {
  .hero.tomb-preview { min-height: 900px; padding: 0; }
  .tomb-preview .hero-media { min-height: 900px; }
  .tomb-preview .hero-media video { object-position: 62% center; }
  .tomb-preview .video-shade {
    background: linear-gradient(180deg, rgba(5, 5, 7, .76) 0%, rgba(5, 5, 7, .5) 52%, rgba(5, 5, 7, .12) 100%);
  }
  .tomb-preview .hero-copy {
    width: 100%;
    min-height: 900px;
    padding: 60px 28px 360px;
  }
  .resurrection-verse {
    width: auto;
    left: 24px;
    right: 24px;
    bottom: 34px;
  }
  .sound-fallback { top: 20px; right: 20px; }
}

/* Portada permanente en una sola pantalla con navegación inferior. */
.permanent-home {
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  background: #210525;
}
.permanent-home .site-header {
  height: 72px;
  min-height: 72px;
  position: relative;
  color: #fff;
  background: rgba(43, 8, 48, .96);
  border-bottom-color: rgba(255, 255, 255, .13);
}
.permanent-home .brand { color: #fff; }
.permanent-home .header-contact {
  color: #fff;
  border-color: rgba(255, 255, 255, .5);
}
.permanent-home .header-nav { display: none; }
.permanent-home main > section:not(.tomb-preview),
.permanent-home footer { display: none; }
.permanent-home .hero.tomb-preview {
  min-height: 0;
  height: calc(100svh - 176px);
}
.permanent-home .tomb-preview .hero-copy {
  min-height: 0;
  height: 100%;
  padding-top: clamp(32px, 5.5vh, 72px);
  padding-bottom: clamp(32px, 5.5vh, 72px);
}
.permanent-home .tomb-preview .hero-copy h1 {
  margin-top: 14px;
  margin-bottom: 18px;
  font-size: clamp(48px, 5.4vw, 88px);
}
.permanent-home .hero-actions { margin-top: 26px; }
.permanent-home .resurrection-verse {
  bottom: clamp(24px, 5vh, 56px);
}
.topic-bar {
  height: 104px;
  display: grid;
  grid-template-rows: 66px 38px;
  color: rgba(255, 255, 255, .82);
  background: rgba(31, 4, 36, .98);
  border-top: 1px solid rgba(255, 255, 255, .16);
  backdrop-filter: blur(18px);
}
.topic-links {
  padding: 0 clamp(18px, 4vw, 64px);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.topic-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-right: 1px solid rgba(255, 255, 255, .1);
  font-size: clamp(10px, .9vw, 13px);
  font-weight: 750;
  letter-spacing: .04em;
  transition: color .2s ease, background .2s ease;
}
.topic-links a:first-child { border-left: 1px solid rgba(255, 255, 255, .1); }
.topic-links a:hover,
.topic-links a:focus-visible {
  color: #fff;
  background: rgba(255, 93, 184, .12);
  outline: none;
}
.topic-links span {
  color: #ff66b8;
  font-size: 9px;
  letter-spacing: .12em;
}
.site-meta {
  padding: 0 clamp(24px, 5vw, 80px);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  color: rgba(255, 255, 255, .62);
  background: rgba(22, 3, 26, .98);
  border-top: 1px solid rgba(255, 255, 255, .09);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .045em;
}
.site-meta p { margin: 0; }
.site-meta a { color: rgba(255, 255, 255, .78); }
.site-meta a:hover,
.site-meta a:focus-visible { color: #ff8dcc; outline: none; }
.permanent-visitor-count { justify-self: end; }
.permanent-visitor-count span { color: #ff8dcc; font-weight: 800; }
.page-visitor-count{margin:0;color:inherit;font:600 12px/1.4 "Open Sans",sans-serif;letter-spacing:.02em;white-space:nowrap}.page-visitor-count span{color:#8b58b2;font-weight:800}

@media (max-width: 760px) {
  .permanent-home .site-header {
    height: 64px;
    min-height: 64px;
    padding: 0 18px;
  }
  .permanent-home .brand { font-size: 10px; letter-spacing: .1em; }
  .permanent-home .brand-mark { width: 34px; height: 34px; }
  .permanent-home .header-contact { padding: 7px 11px; font-size: 11px; }
  .permanent-home .hero.tomb-preview,
  .permanent-home .tomb-preview .hero-media {
    height: calc(100svh - 164px);
    min-height: 0;
  }
  .permanent-home .tomb-preview .hero-copy {
    min-height: 0;
    height: 100%;
    padding: clamp(28px, 5vh, 52px) 24px 150px;
  }
  .permanent-home .tomb-preview .hero-copy h1 {
    font-size: clamp(44px, 14vw, 66px);
  }
  .permanent-home .hero-intro { font-size: 15px; line-height: 1.45; }
  .permanent-home .hero-actions { gap: 16px; margin-top: 22px; }
  .permanent-home .button { min-height: 44px; padding: 10px 16px; font-size: 12px; }
  .permanent-home .quiet-link { font-size: 12px; }
  .permanent-home .resurrection-verse {
    left: 20px;
    right: 20px;
    bottom: 18px;
    padding: 0;
  }
  .topic-bar {
    height: 100px;
    grid-template-rows: 60px 40px;
  }
  .topic-links { padding: 0 4px; }
  .topic-links a {
    min-width: 0;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
    font-size: clamp(8px, 2.45vw, 11px);
    letter-spacing: 0;
    white-space: nowrap;
  }
  .topic-links span { font-size: 7px; }
  .site-meta {
    padding: 4px 12px;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr 1fr;
    gap: 0 10px;
    font-size: 8px;
    letter-spacing: 0;
  }
  .site-meta a { grid-column: 1 / -1; grid-row: 1; justify-self: center; }
  .site-meta p:first-child { grid-column: 1; grid-row: 2; }
  .permanent-visitor-count { grid-column: 2; grid-row: 2; }
}

@media (max-height: 720px) and (min-width: 761px) {
  .permanent-home .tomb-preview .hero-copy { padding-top: 24px; padding-bottom: 24px; }
  .permanent-home .tomb-preview .hero-copy h1 { font-size: clamp(46px, 5vw, 72px); }
  .permanent-home .hero-intro { font-size: 16px; }
  .permanent-home .hero-actions { margin-top: 18px; }
}

/* Dirección cinematográfica de la portada permanente. */
.permanent-home {
  position: relative;
  background: #060608;
}
.permanent-home .site-header {
  width: 100%;
  height: 104px;
  min-height: 104px;
  padding: 12px clamp(22px, 4.5vw, 76px);
  position: absolute;
  inset: 0 0 auto;
  z-index: 20;
  background: linear-gradient(180deg, rgba(3, 3, 5, .76), rgba(3, 3, 5, .18) 70%, transparent);
  border: 0;
  backdrop-filter: none;
}
.official-logo {
  width: clamp(235px, 20vw, 330px);
  height: clamp(62px, 5.4vw, 82px);
  display: block;
  position: relative;
  overflow: hidden;
  filter: drop-shadow(0 5px 16px rgba(0, 0, 0, .75));
}
.official-logo img {
  width: 177.5%;
  max-width: none;
  height: auto;
  position: absolute;
  left: -26.2%;
  top: -160.4%;
}
.permanent-home .header-contact {
  padding: 10px 19px;
  color: rgba(255, 255, 255, .92);
  background: rgba(11, 8, 15, .24);
  border-color: rgba(255, 255, 255, .48);
  box-shadow: 0 8px 26px rgba(0, 0, 0, .24);
  backdrop-filter: blur(10px);
}
.permanent-home .header-contact:hover,
.permanent-home .header-contact:focus-visible {
  color: #fff;
  background: rgba(185, 55, 144, .28);
  border-color: rgba(255, 255, 255, .76);
  outline: none;
}
.permanent-home .hero.tomb-preview,
.permanent-home .tomb-preview .hero-media {
  width: 100%;
  height: 100svh;
  min-height: 0;
}
.permanent-home .tomb-preview .hero-media video {
  object-position: center center;
  filter: contrast(1.04) saturate(1.04);
}
.permanent-home .tomb-preview .video-shade {
  background:
    linear-gradient(90deg, rgba(4, 4, 6, .72) 0%, rgba(4, 4, 6, .48) 32%, rgba(4, 4, 6, .12) 57%, rgba(4, 4, 6, 0) 77%),
    linear-gradient(180deg, rgba(0, 0, 0, .18) 0%, transparent 24%, transparent 70%, rgba(0, 0, 0, .3) 100%);
}
.permanent-home .tomb-preview .hero-copy {
  width: min(54%, 760px);
  height: 100%;
  padding: clamp(120px, 15vh, 170px) clamp(36px, 6vw, 100px) clamp(150px, 18vh, 205px);
  justify-content: center;
}
.permanent-home .eyebrow {
  color: #f29bd1;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .8);
}
.permanent-home .tomb-preview .hero-copy h1 {
  max-width: 690px;
  margin: 16px 0 22px;
  color: #fff;
  font-size: clamp(54px, 5.7vw, 94px);
  letter-spacing: -.055em;
  text-shadow: 0 4px 30px rgba(0, 0, 0, .68);
}
.permanent-home .tomb-preview .hero-copy h1 span {
  display: inline;
  margin-left: .12em;
  color: #ff72bd;
  background: linear-gradient(100deg, #fdb8df 0%, #ff65b8 46%, #d69cff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 5px 18px rgba(24, 0, 21, .62));
}
.permanent-home .hero-intro {
  max-width: 600px;
  color: rgba(255, 255, 255, .88);
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1.62;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .9);
}
.permanent-home .hero-actions { margin-top: 30px; }
.permanent-home .button-primary {
  color: #2b102c;
  background: linear-gradient(110deg, #fff4fb, #f6c2e3);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .35), 0 0 24px rgba(245, 105, 184, .12);
}
.permanent-home .quiet-link {
  color: rgba(255, 255, 255, .92);
  text-shadow: 0 2px 12px rgba(0, 0, 0, .9);
}
.permanent-home .resurrection-verse {
  width: min(35vw, 500px);
  right: clamp(34px, 6vw, 100px);
  bottom: clamp(142px, 16vh, 178px);
}
.permanent-home .resurrection-verse p {
  font-size: clamp(19px, 1.5vw, 25px);
  line-height: 1.48;
}
.topic-bar {
  width: min(1180px, calc(100% - 48px));
  height: 92px;
  display: grid;
  grid-template-rows: 58px 34px;
  position: absolute;
  left: 50%;
  bottom: 18px;
  z-index: 18;
  overflow: hidden;
  color: rgba(255, 255, 255, .84);
  background: rgba(14, 8, 17, .62);
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 20px;
  box-shadow: 0 18px 52px rgba(0, 0, 0, .5);
  backdrop-filter: blur(20px) saturate(1.15);
  transform: translateX(-50%);
}
.topic-links { padding: 0 16px; }
.topic-links a {
  border-right-color: rgba(255, 255, 255, .08);
  font-size: clamp(10px, .85vw, 12px);
}
.topic-links a:first-child { border-left-color: rgba(255, 255, 255, .08); }
.topic-links a:hover,
.topic-links a:focus-visible { background: rgba(239, 104, 188, .15); }
.site-meta {
  padding: 0 24px;
  color: rgba(255, 255, 255, .55);
  background: rgba(6, 4, 8, .58);
  border-top-color: rgba(255, 255, 255, .08);
  font-size: 9px;
}
.site-meta a { color: rgba(255, 255, 255, .72); }

@media (max-width: 760px) {
  .permanent-home .site-header {
    height: 82px;
    min-height: 82px;
    padding: 8px 16px;
  }
  .official-logo { width: 205px; height: 55px; }
  .permanent-home .header-contact { padding: 7px 11px; font-size: 10px; }
  .permanent-home .hero.tomb-preview,
  .permanent-home .tomb-preview .hero-media { height: 100svh; }
  .permanent-home .tomb-preview .hero-media video { object-position: 61% center; }
  .permanent-home .tomb-preview .video-shade {
    background:
      linear-gradient(180deg, rgba(4, 4, 6, .7) 0%, rgba(4, 4, 6, .48) 44%, rgba(4, 4, 6, .12) 72%, rgba(4, 4, 6, .34) 100%),
      linear-gradient(90deg, rgba(4, 4, 6, .38), transparent 82%);
  }
  .permanent-home .tomb-preview .hero-copy {
    width: 100%;
    padding: 92px 22px 142px;
    justify-content: flex-start;
  }
  .permanent-home .tomb-preview .hero-copy h1 {
    max-width: 520px;
    margin: 9px 0 14px;
    font-size: clamp(42px, 12.5vw, 64px);
  }
  .permanent-home .hero-intro {
    max-width: 520px;
    font-size: 14px;
    line-height: 1.48;
  }
  .permanent-home .hero-actions { gap: 14px; margin-top: 18px; }
  .permanent-home .button { min-height: 40px; padding: 8px 14px; font-size: 11px; }
  .permanent-home .quiet-link { font-size: 11px; }
  .permanent-home .resurrection-verse {
    width: auto;
    left: 22px;
    right: 22px;
    bottom: 126px;
  }
  .permanent-home .resurrection-verse p { font-size: clamp(16px, 4.4vw, 20px); }
  .topic-bar {
    width: calc(100% - 16px);
    height: 102px;
    bottom: 8px;
    grid-template-rows: 62px 40px;
    border-radius: 16px;
  }
  .topic-links { padding: 0 2px; }
  .topic-links a { font-size: clamp(7px, 2.2vw, 10px); }
  .site-meta { padding: 4px 10px; font-size: 7.5px; }
}

@media (max-height: 720px) and (min-width: 761px) {
  .permanent-home .site-header { height: 86px; min-height: 86px; }
  .official-logo { width: 255px; height: 68px; }
  .permanent-home .tomb-preview .hero-copy { padding-top: 92px; padding-bottom: 125px; }
  .permanent-home .tomb-preview .hero-copy h1 { font-size: clamp(48px, 5vw, 72px); }
  .permanent-home .resurrection-verse { bottom: 124px; }
  .topic-bar { height: 82px; grid-template-rows: 52px 30px; bottom: 12px; }
}

/* Páginas interiores de la biblioteca permanente. */
.interior-page {
  min-height: 100vh;
  color: #f8eff8;
  background:
    radial-gradient(circle at 82% 2%, rgba(120, 55, 150, .18), transparent 28%),
    radial-gradient(circle at 8% 36%, rgba(220, 65, 155, .1), transparent 26%),
    #0b080e;
}
.interior-header {
  height: 88px;
  padding: 8px clamp(22px, 4vw, 68px);
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(72px, 1fr);
  align-items: center;
  gap: 28px;
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(8, 5, 11, .82);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  backdrop-filter: blur(22px);
}
.interior-header .official-logo { width: 245px; height: 66px; }
.interior-nav { gap: clamp(14px, 2vw, 30px); }
.interior-nav a {
  padding: 8px 0;
  color: rgba(255, 255, 255, .66);
  border-bottom: 1px solid transparent;
  font-size: 11px;
  letter-spacing: .035em;
}
.interior-nav a:hover,
.interior-nav a.active {
  color: #fff;
  border-bottom-color: #ff70bd;
}
.interior-home {
  justify-self: end;
  padding: 8px 15px;
  color: rgba(255, 255, 255, .85);
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}
.interior-home:hover { color: #fff; border-color: #ff8dcc; }
.section-hero {
  min-height: 480px;
  padding: clamp(70px, 8vw, 120px) clamp(28px, 7vw, 116px);
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
  align-items: center;
  gap: 70px;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}
.section-hero::before {
  content: "";
  width: min(48vw, 720px);
  aspect-ratio: 1;
  position: absolute;
  right: -12%;
  top: -65%;
  background: radial-gradient(circle, rgba(237, 89, 180, .2), rgba(123, 72, 179, .07) 45%, transparent 70%);
  pointer-events: none;
}
.section-hero-copy { max-width: 820px; position: relative; z-index: 2; }
.back-home {
  display: inline-block;
  margin-bottom: 34px;
  color: rgba(255, 255, 255, .55);
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .04em;
}
.back-home:hover { color: #ff8dcc; }
.section-hero h1,
.teaching-hero h1 {
  margin: 15px 0 24px;
  color: #fff;
  font-size: clamp(60px, 7.4vw, 116px);
  letter-spacing: -.055em;
  text-shadow: 0 10px 45px rgba(0, 0, 0, .45);
}
.section-hero-copy > p:last-child,
.teaching-hero > div > p:last-child {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, .73);
  font-size: clamp(17px, 1.45vw, 22px);
  line-height: 1.65;
}
.section-emblem {
  width: min(32vw, 390px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  justify-self: center;
  position: relative;
  color: rgba(255, 255, 255, .92);
  background:
    radial-gradient(circle at 38% 32%, rgba(255, 174, 221, .3), transparent 22%),
    linear-gradient(145deg, rgba(117, 57, 149, .65), rgba(190, 51, 132, .18));
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  box-shadow: inset 0 0 60px rgba(255, 255, 255, .05), 0 35px 90px rgba(0, 0, 0, .38);
}
.section-emblem::before,
.section-emblem::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
}
.section-emblem::before { inset: 8%; }
.section-emblem::after { inset: 19%; }
.section-emblem span {
  position: relative;
  z-index: 2;
  font-family: "Playfair Display", serif;
  font-size: clamp(60px, 8vw, 120px);
  font-style: italic;
  text-shadow: 0 8px 24px rgba(0, 0, 0, .35);
}
.section-options,
.series-library,
.teaching-content {
  max-width: 1500px;
  margin: 0 auto;
  padding: clamp(70px, 8vw, 120px) clamp(24px, 6vw, 90px);
}
.options-heading {
  margin-bottom: 48px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: end;
  gap: 70px;
}
.options-heading h2 {
  max-width: 700px;
  margin: 12px 0 0;
  color: #fff;
  font-size: clamp(38px, 4.2vw, 66px);
  letter-spacing: -.035em;
}
.options-heading > p {
  margin: 0;
  color: rgba(255, 255, 255, .6);
  font-size: 16px;
  line-height: 1.7;
}
.option-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.option-card {
  min-height: 330px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025));
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 22px;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.option-card::after {
  content: "";
  width: 170px;
  height: 170px;
  position: absolute;
  right: -70px;
  bottom: -80px;
  background: radial-gradient(circle, rgba(231, 89, 180, .2), transparent 68%);
}
.option-card:hover { transform: translateY(-5px); border-color: rgba(255, 124, 199, .3); background: rgba(255, 255, 255, .075); }
.option-number { color: #ff7fc6; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.option-card h3 { margin: 58px 0 18px; color: #fff; font-size: clamp(26px, 2.3vw, 38px); }
.option-card p { margin: 0; color: rgba(255, 255, 255, .6); font-size: 14px; line-height: 1.7; }
.option-card a { margin-top: auto; padding-top: 30px; color: #f8b9dd; font-size: 12px; font-weight: 800; }
.option-card a span { margin-left: 6px; }
.interior-footer {
  min-height: 76px;
  padding: 20px clamp(24px, 6vw, 90px);
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  color: rgba(255, 255, 255, .46);
  background: rgba(4, 3, 6, .72);
  border-top: 1px solid rgba(255, 255, 255, .08);
  font-size: 10px;
  letter-spacing: .05em;
}
.interior-footer p { margin: 0; }
.interior-footer a:hover { color: #ff8dcc; }
.series-hero { min-height: 440px; }
.series-library { padding-top: 85px; }
.teaching-feature {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  overflow: hidden;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 26px;
}
.teaching-art {
  min-height: 400px;
  padding: 38px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background:
    radial-gradient(circle at 38% 42%, rgba(255, 185, 224, .34), transparent 18%),
    radial-gradient(circle at 50% 50%, rgba(144, 70, 171, .5), transparent 48%),
    linear-gradient(145deg, #281035, #100a15);
}
.teaching-art span { color: #ff91cc; font-family: "Playfair Display", serif; font-size: clamp(70px, 8vw, 120px); font-style: italic; }
.teaching-art p { margin: 0; color: rgba(255, 255, 255, .66); font-size: 10px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.teaching-copy { padding: clamp(40px, 6vw, 86px); align-self: center; }
.teaching-copy h2 { margin: 14px 0 10px; color: #fff; font-size: clamp(38px, 4.4vw, 68px); }
.teaching-copy > p:not(.eyebrow) { max-width: 720px; color: rgba(255, 255, 255, .62); }
.teaching-copy .teaching-status { color: #f3a8d3 !important; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.teaching-copy .button { margin-top: 24px; }
.teaching-hero {
  padding: clamp(75px, 9vw, 140px) clamp(28px, 8vw, 130px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 390px);
  align-items: end;
  gap: 70px;
  background:
    radial-gradient(circle at 80% 36%, rgba(218, 78, 167, .16), transparent 25%),
    linear-gradient(155deg, rgba(75, 30, 92, .25), transparent 55%);
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}
.teaching-hero h1 { max-width: 960px; font-size: clamp(54px, 6.4vw, 98px); }
.teaching-hero aside {
  padding: 28px;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 18px;
}
.teaching-hero aside span { display: block; margin-bottom: 12px; color: #ff89c9; font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.teaching-hero aside strong { color: rgba(255, 255, 255, .72); font-family: "Playfair Display", serif; font-size: 17px; font-weight: 400; line-height: 1.55; }
.resource-tabs {
  width: 100%;
  padding: 7px;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 16px;
}
.resource-tabs button {
  min-height: 48px;
  padding: 8px 12px;
  color: rgba(255, 255, 255, .58);
  background: transparent;
  border: 0;
  border-radius: 11px;
  font: 750 11px/1.2 "Open Sans", sans-serif;
  cursor: pointer;
}
.resource-tabs button:hover,
.resource-tabs button.active { color: #fff; background: linear-gradient(135deg, rgba(113, 53, 139, .68), rgba(177, 42, 116, .62)); }
.resource-panel {
  min-height: 430px;
  margin-top: 22px;
  padding: clamp(42px, 7vw, 100px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .02));
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 24px;
}
.resource-panel::after {
  content: "";
  width: 420px;
  height: 420px;
  position: absolute;
  right: -100px;
  top: -120px;
  background: radial-gradient(circle, rgba(226, 94, 180, .16), transparent 68%);
}
.panel-mark { margin-bottom: 34px; color: #f38bc9; font-family: "Playfair Display", serif; font-size: 42px; }
.resource-panel h2 { max-width: 800px; margin: 12px 0 20px; color: #fff; font-size: clamp(38px, 4vw, 64px); }
.resource-panel > p:last-child { max-width: 740px; margin: 0; color: rgba(255, 255, 255, .62); font-size: 16px; line-height: 1.7; }

@media (max-width: 980px) {
  .interior-header { grid-template-columns: 1fr auto; }
  .interior-nav { display: none; }
  .section-hero { grid-template-columns: 1fr minmax(220px, .55fr); gap: 32px; }
  .option-grid { grid-template-columns: 1fr; }
  .option-card { min-height: 260px; }
  .teaching-feature { grid-template-columns: 1fr; }
  .teaching-art { min-height: 280px; }
  .teaching-hero { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .interior-header { height: 76px; padding: 6px 14px; }
  .interior-header .official-logo { width: 205px; height: 55px; }
  .interior-home { padding: 6px 10px; font-size: 9px; }
  .section-hero { min-height: 0; padding: 62px 22px; grid-template-columns: 1fr; }
  .section-hero h1 { font-size: clamp(50px, 15vw, 74px); }
  .section-emblem { width: 210px; margin-top: 18px; justify-self: start; }
  .section-options,
  .series-library,
  .teaching-content { padding: 62px 18px; }
  .options-heading { grid-template-columns: 1fr; gap: 20px; }
  .options-heading h2 { font-size: 40px; }
  .option-card { min-height: 280px; padding: 26px; }
  .teaching-copy { padding: 34px 26px 42px; }
  .teaching-hero { padding: 60px 22px; gap: 34px; }
  .teaching-hero h1 { font-size: clamp(48px, 14vw, 70px); }
  .resource-tabs { grid-template-columns: 1fr 1fr; }
  .resource-tabs button:last-child { grid-column: 1 / -1; }
  .resource-panel { min-height: 390px; padding: 38px 26px; }
  .interior-footer { flex-direction: column; gap: 8px; text-align: center; }
}

/* Sistema visual definitivo: claro, editorial y consistente. */
.permanent-home,
.interior-page {
  --ec-indigo: #26376f;
  --ec-indigo-deep: #172858;
  --ec-purple: #8b58b2;
  --ec-magenta: #c5549b;
  --ec-lilac: #eee8f7;
  --ec-lilac-soft: #f7f3fb;
  --ec-paper: #fffdf9;
  --ec-ink: #24304f;
  --ec-muted: #66708a;
  --ec-line: rgba(68, 52, 113, .14);
  font-family: "Open Sans", sans-serif;
}
.permanent-home h1,
.permanent-home h2,
.permanent-home h3,
.interior-page h1,
.interior-page h2,
.interior-page h3 {
  font-family: "Playfair Display", serif;
}
.permanent-home .hero-intro,
.permanent-home .resurrection-verse p,
.interior-page main p:not(.eyebrow):not(.teaching-status),
.interior-page blockquote {
  font-family: "Merriweather", serif;
}
.permanent-home .eyebrow,
.permanent-home nav,
.permanent-home a,
.permanent-home button,
.permanent-home .site-meta,
.interior-page nav,
.interior-page a,
.interior-page button,
.interior-page .eyebrow,
.interior-page .option-number,
.interior-page footer {
  font-family: "Open Sans", sans-serif;
}
.permanent-home .resurrection-verse small,
.permanent-home .sound-fallback {
  font-family: "Open Sans", sans-serif;
}
.interior-page .section-emblem span,
.interior-page .teaching-art span,
.interior-page .teaching-hero aside strong,
.interior-page .panel-mark,
.interior-page .option-icon {
  font-family: "Playfair Display", serif;
}

/* Portada: imagen cinematográfica con navegación luminosa. */
.permanent-home .site-header {
  background: linear-gradient(180deg, rgba(255, 253, 249, .98), rgba(255, 253, 249, .92) 72%, rgba(255, 253, 249, .78));
  border-bottom: 1px solid rgba(84, 62, 121, .1);
  box-shadow: 0 8px 32px rgba(30, 24, 49, .08);
  backdrop-filter: blur(16px);
}
.permanent-home .header-contact {
  color: var(--ec-indigo);
  background: rgba(255, 255, 255, .72);
  border-color: rgba(38, 55, 111, .3);
  box-shadow: none;
}
.permanent-home .header-contact:hover,
.permanent-home .header-contact:focus-visible {
  color: #fff;
  background: var(--ec-purple);
  border-color: var(--ec-purple);
}
.permanent-home .tomb-preview .video-shade {
  background:
    linear-gradient(90deg, rgba(12, 14, 25, .66) 0%, rgba(27, 22, 40, .43) 34%, rgba(77, 54, 107, .1) 58%, rgba(139, 88, 178, .025) 78%),
    linear-gradient(180deg, rgba(245, 239, 250, .08) 0%, transparent 28%, transparent 72%, rgba(17, 13, 26, .24) 100%);
}
.permanent-home .tomb-preview .hero-copy h1 {
  font-weight: 600;
  letter-spacing: -.045em;
}
.permanent-home .tomb-preview .hero-copy h1 span {
  background: linear-gradient(100deg, #ffd6ed 0%, #ff79bd 48%, #d8b5f0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.permanent-home .button-primary {
  color: var(--ec-indigo-deep);
  background: linear-gradient(110deg, #fffdf9, #eadcf5);
  border: 1px solid rgba(255, 255, 255, .68);
}
.permanent-home .resurrection-verse p { font-style: italic; }
.topic-bar {
  color: var(--ec-indigo);
  background: rgba(255, 253, 249, .91);
  border-color: rgba(74, 55, 120, .16);
  box-shadow: 0 18px 48px rgba(28, 21, 48, .18);
  backdrop-filter: blur(22px) saturate(1.05);
}
.topic-links a {
  color: var(--ec-indigo);
  border-right-color: rgba(72, 55, 112, .1);
}
.topic-links a:first-child { border-left-color: rgba(72, 55, 112, .1); }
.topic-links a:hover,
.topic-links a:focus-visible {
  color: var(--ec-purple);
  background: rgba(139, 88, 178, .09);
}
.topic-links span { color: var(--ec-magenta); }
.site-meta {
  color: rgba(38, 55, 111, .62);
  background: rgba(241, 234, 248, .8);
  border-top-color: rgba(74, 55, 120, .1);
}
.site-meta a { color: var(--ec-indigo); }
.site-meta a:hover,
.site-meta a:focus-visible,
.permanent-visitor-count span { color: var(--ec-magenta); }

/* Interiores: marfil, lila pastel, índigo y luz. */
.interior-page {
  color: var(--ec-ink);
  background:
    radial-gradient(circle at 82% 8%, rgba(176, 137, 207, .14), transparent 26%),
    linear-gradient(180deg, var(--ec-paper), var(--ec-lilac-soft));
}
.interior-header {
  background: rgba(255, 253, 249, .94);
  border-bottom-color: var(--ec-line);
  box-shadow: 0 8px 30px rgba(34, 31, 61, .05);
}
.interior-nav a { color: var(--ec-muted); }
.interior-nav a:hover,
.interior-nav a.active {
  color: var(--ec-indigo);
  border-bottom-color: var(--ec-purple);
}
.interior-home {
  color: var(--ec-indigo);
  background: #fff;
  border-color: rgba(38, 55, 111, .22);
}
.interior-home:hover { color: var(--ec-purple); border-color: var(--ec-purple); }
.section-hero {
  background:
    linear-gradient(90deg, rgba(255, 253, 249, .98), rgba(247, 242, 251, .9)),
    radial-gradient(circle at 78% 34%, rgba(181, 143, 211, .22), transparent 34%);
  border-bottom-color: var(--ec-line);
}
.section-hero::before {
  background: radial-gradient(circle, rgba(188, 145, 217, .3), rgba(227, 211, 241, .17) 48%, transparent 70%);
}
.back-home { color: var(--ec-muted); }
.back-home:hover { color: var(--ec-purple); }
.interior-page .eyebrow { color: var(--ec-magenta); }
.section-hero h1,
.teaching-hero h1 {
  color: var(--ec-indigo-deep);
  text-shadow: none;
}
.section-hero-copy > p:last-child,
.teaching-hero > div > p:last-child {
  color: var(--ec-muted);
}
.section-emblem {
  color: var(--ec-indigo);
  background:
    radial-gradient(circle at 38% 32%, rgba(255, 255, 255, .85), transparent 24%),
    linear-gradient(145deg, #f8f2fc, #e4d7f1);
  border-color: rgba(110, 76, 159, .18);
  box-shadow: inset 0 0 60px rgba(255, 255, 255, .45), 0 30px 70px rgba(64, 47, 91, .12);
}
.section-emblem::before,
.section-emblem::after { border-color: rgba(120, 78, 168, .16); }
.section-emblem span { color: var(--ec-purple); text-shadow: none; }
.options-heading h2,
.teaching-copy h2,
.resource-panel h2 { color: var(--ec-indigo-deep); }
.options-heading > p { color: var(--ec-muted); }
.option-card {
  background: rgba(255, 255, 255, .84);
  border-color: var(--ec-line);
  box-shadow: 0 18px 44px rgba(44, 34, 71, .055);
}
.option-card::after { background: radial-gradient(circle, rgba(188, 145, 217, .2), transparent 68%); }
.option-card:hover {
  border-color: rgba(139, 88, 178, .3);
  background: #fff;
  box-shadow: 0 22px 55px rgba(76, 50, 104, .1);
}
.option-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  position: absolute;
  right: 28px;
  top: 26px;
  color: var(--ec-purple);
  background: var(--ec-lilac-soft);
  border: 1px solid rgba(139, 88, 178, .2);
  border-radius: 50%;
  font-family: "Playfair Display", serif;
  font-size: 23px;
}
.option-number { color: var(--ec-magenta); }
.option-card h3 { color: var(--ec-indigo-deep); }
.option-card p { color: var(--ec-muted); }
.option-card a { color: var(--ec-purple); }
.interior-footer {
  color: rgba(38, 55, 111, .62);
  background: linear-gradient(90deg, #f0e9f7, #faf7fc, #eee6f6);
  border-top-color: var(--ec-line);
}
.interior-footer a:hover { color: var(--ec-magenta); }
.teaching-feature,
.teaching-hero aside,
.resource-tabs,
.resource-panel {
  background: rgba(255, 255, 255, .82);
  border-color: var(--ec-line);
  box-shadow: 0 18px 50px rgba(48, 36, 76, .055);
}
.teaching-art {
  background:
    radial-gradient(circle at 38% 42%, rgba(255, 255, 255, .8), transparent 20%),
    radial-gradient(circle at 50% 50%, rgba(188, 145, 217, .42), transparent 50%),
    linear-gradient(145deg, #f3eaf9, #ded0ed);
}
.teaching-art span { color: var(--ec-purple); }
.teaching-art p { color: var(--ec-indigo); }
.teaching-copy > p:not(.eyebrow) { color: var(--ec-muted); }
.teaching-copy .teaching-status { color: var(--ec-magenta) !important; }
.teaching-copy .button-primary {
  color: #fff;
  background: linear-gradient(135deg, var(--ec-indigo), var(--ec-purple));
}
.teaching-hero {
  background:
    radial-gradient(circle at 84% 36%, rgba(191, 148, 218, .2), transparent 27%),
    linear-gradient(145deg, #fffdf9, #f2ebf8);
  border-bottom-color: var(--ec-line);
}
.teaching-hero aside span { color: var(--ec-magenta); }
.teaching-hero aside strong { color: var(--ec-indigo); }
.resource-tabs button { color: var(--ec-muted); }
.resource-tabs button:hover,
.resource-tabs button.active {
  color: #fff;
  background: linear-gradient(135deg, var(--ec-indigo), var(--ec-purple));
}
.resource-panel::after { background: radial-gradient(circle, rgba(190, 145, 220, .22), transparent 68%); }
.panel-mark { color: var(--ec-purple); }
.resource-panel > p:last-child { color: var(--ec-muted); }

@media (max-width: 760px) {
  .permanent-home .tomb-preview .video-shade {
    background:
      linear-gradient(180deg, rgba(18, 18, 30, .6) 0%, rgba(37, 28, 50, .38) 43%, rgba(139, 88, 178, .07) 72%, rgba(18, 14, 27, .28) 100%),
      linear-gradient(90deg, rgba(16, 17, 29, .34), transparent 82%);
  }
}

/* Contenido publicado desde el constructor dentro del borrador Permanente. */
.builder-published-card {
  background: linear-gradient(145deg, #ffffff, #f7f1fb);
  border-color: rgba(139, 88, 178, .28);
}
.builder-published-label {
  width: max-content;
  margin-top: 36px;
  padding: 5px 8px;
  color: var(--ec-purple);
  background: var(--ec-lilac-soft);
  border: 1px solid rgba(139, 88, 178, .15);
  border-radius: 999px;
  font-family: "Open Sans", sans-serif;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.builder-published-card h3 { margin-top: 18px; }
.resource-chapter-navigation{min-height:78px;padding:10px clamp(24px,6vw,96px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;background:#fff;border-bottom:1px solid var(--ec-line);font-family:"Open Sans",sans-serif}
.resource-chapter-navigation.identity-detail-navigation{grid-template-columns:1fr;justify-items:center}
.identity-detail-navigation .resource-book-return{justify-self:center;text-align:center}
.resource-nav-link,.resource-nav-unavailable,.resource-book-return{min-height:52px;display:flex;align-items:center;gap:11px;color:var(--ec-indigo);background:transparent;border:0;text-decoration:none;cursor:pointer}
.resource-nav-link.next,.resource-nav-unavailable.next{justify-self:end;text-align:right;flex-direction:row-reverse}
.resource-nav-link>span,.resource-nav-unavailable>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;color:var(--ec-purple);background:var(--ec-lilac-soft);border:1px solid rgba(139,88,178,.22);border-radius:50%;font-size:20px}
.resource-nav-link small,.resource-nav-unavailable small,.resource-book-return span{display:block;color:var(--ec-muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.resource-nav-copy{display:grid;gap:3px;text-align:left}.resource-nav-link.next .resource-nav-copy{text-align:right}.resource-nav-link strong{display:block;color:var(--ec-indigo-deep);font:600 13px "Merriweather",serif}
.resource-nav-link:hover>span{color:#fff;background:var(--ec-purple)}
.resource-nav-unavailable{opacity:.35}
.resource-book-return{padding:9px 24px;display:grid;place-items:center;gap:3px;color:var(--ec-indigo);background:linear-gradient(135deg,#fff,#f5eef9);border:1px solid rgba(139,88,178,.2);border-radius:999px;text-align:center;box-shadow:0 6px 18px rgba(44,34,71,.06)}
.resource-book-return strong{font:600 15px "Playfair Display",serif}.resource-book-return:hover{color:var(--ec-purple);border-color:rgba(139,88,178,.45)}
.published-hero {
  min-height: 0;
  padding: clamp(10px, 1.25vw, 18px) clamp(24px, 6vw, 96px) clamp(12px, 1.5vw, 22px);
  background:
    radial-gradient(circle at 84% 30%, rgba(190, 146, 220, .23), transparent 28%),
    linear-gradient(145deg, var(--ec-paper), var(--ec-lilac-soft));
  border-bottom: 1px solid var(--ec-line);
}
@media(max-width:720px){.resource-chapter-navigation{padding:9px 14px;gap:8px}.resource-nav-link strong{display:none}.resource-nav-link small,.resource-nav-unavailable small{max-width:74px;font-size:7px}.resource-book-return{padding:8px 13px}.resource-book-return span{font-size:7px}.resource-book-return strong{font-size:13px}}

.published-resource-page .interior-header .official-logo{pointer-events:none!important;contain:paint;clip-path:inset(0)}
.published-resource-page .resource-chapter-navigation{position:relative;z-index:100}
.published-hero > div { max-width: 900px; }
.published-hero .back-home {
  margin-bottom: 5px;
  font-size: 9px;
  line-height: 1.2;
}
.published-hero .eyebrow {
  font-size: 9px;
  line-height: 1.2;
}
.published-hero h1 {
  max-width: 820px;
  margin: 3px 0 5px;
  color: var(--ec-indigo-deep);
  font-size: clamp(30px, 3.1vw, 44px);
  letter-spacing: -.045em;
  line-height: 1.02;
}
.published-hero > div > p:not(.eyebrow) {
  max-width: 790px;
  margin: 0;
  color: var(--ec-muted);
  font-family: "Merriweather", serif;
  font-size: clamp(12px, .9vw, 14px);
  line-height: 1.35;
}
.published-meta {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.published-meta span {
  padding: 4px 8px;
  color: var(--ec-purple);
  background: rgba(255, 255, 255, .72);
  border: 1px solid var(--ec-line);
  border-radius: 999px;
  font-family: "Open Sans", sans-serif;
  font-size: 9px;
  font-weight: 750;
}
.published-content {
  max-width: 1050px;
  margin: 0 auto;
  padding: clamp(34px, 4.5vw, 62px) 24px 90px;
}
.published-block {
  margin-bottom: 18px;
  padding: clamp(28px, 4vw, 48px);
  background: rgba(255, 255, 255, .88);
  border: 1px solid var(--ec-line);
  border-radius: 20px;
  box-shadow: 0 16px 45px rgba(44, 34, 71, .05);
}
.published-block h2 {
  margin: 9px 0 20px;
  color: var(--ec-indigo-deep);
  font-size: clamp(30px, 3.4vw, 48px);
}
.published-block > p:last-of-type {
  margin: 0;
  white-space: pre-wrap;
  color: var(--ec-ink);
  font-family: "Merriweather", serif;
  font-size: 15px;
  line-height: 1.85;
}
.published-verse {
  background: linear-gradient(135deg, #f6effa, #fff);
  border-left: 4px solid var(--ec-purple);
}
.published-verse > p:last-of-type { font-style: italic; }
.published-media {
  min-height: 240px;
  display: grid;
  place-items: center;
  text-align: center;
  color: var(--ec-purple);
  background: var(--ec-lilac-soft);
  border: 1px dashed rgba(139, 88, 178, .34);
  border-radius: 15px;
}
.published-media span {
  display: block;
  margin-bottom: 10px;
  font-family: "Playfair Display", serif;
  font-size: 42px;
}
.published-media strong { font-family: "Open Sans", sans-serif; font-size: 10px; }
.video-content-page .published-content{max-width:1320px;padding-top:clamp(28px,4vw,56px);background:#eef2ff}
.video-content-page .published-block{padding:clamp(18px,2.4vw,30px);background:rgba(255,255,255,.82)}
.video-content-page .published-block .eyebrow{color:var(--ec-magenta)}
.video-content-page .published-block h2{margin:6px 0 20px;font-size:clamp(26px,3vw,42px)}
.published-youtube-player{width:100%;aspect-ratio:16/9;overflow:hidden;background:#101322;border:1px solid rgba(47,58,112,.18);border-radius:16px;box-shadow:0 18px 52px rgba(30,39,83,.16)}
.published-youtube-player iframe{width:100%;height:100%;display:block;border:0}
.published-local-video{width:100%;max-height:82vh;display:block;background:#101322;border-radius:16px}

/* Grupo de Vida: flyer virtual editable. */
.life-group-page{min-height:100vh;display:flex;flex-direction:column;background:#eef2ff}.life-group-main{flex:1;display:flex}.life-group-hero{position:relative;width:100%;min-height:calc(100vh - 178px);display:flex;align-items:center;justify-content:flex-end;padding:clamp(38px,5vw,78px) clamp(34px,7vw,118px);background-image:linear-gradient(90deg,rgba(31,23,54,.02) 0%,rgba(38,28,71,.06) 44%,rgba(44,42,105,.24) 100%),url("grupo-de-vida-hero-juan-5-39.png");background-size:cover;background-position:center center;background-repeat:no-repeat}.life-group-copy{width:min(610px,46vw);padding:clamp(26px,3vw,48px);color:#192f70;background:rgba(246,244,255,.88);border:1px solid rgba(255,255,255,.72);border-radius:24px;box-shadow:0 24px 70px rgba(32,25,74,.22);backdrop-filter:blur(10px)}.life-group-invitation{margin:0;color:#7b48a8;font:italic 600 clamp(30px,3.4vw,54px)/1 "Playfair Display",serif}.life-group-copy>.eyebrow{margin:12px 0 4px;color:#b34399}.life-group-copy h1{margin:0;color:#173574;font:700 clamp(52px,6vw,90px)/.98 "Playfair Display",serif}.life-group-method{margin:18px 0 22px;padding:10px 14px;color:#fff;background:linear-gradient(90deg,#7043a0,#334f98);border-radius:9px;text-align:center;font:800 clamp(12px,1.25vw,18px) "Open Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}.life-group-details{display:grid;gap:4px}.life-group-details article{padding:12px 4px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;border-bottom:1px solid rgba(43,57,116,.16)}.life-group-details article>span{width:40px;height:40px;display:grid;place-items:center;color:#fff;background:#7448a2;border-radius:50%;font:20px "Open Sans",sans-serif}.life-group-details small,.life-group-details strong{display:block}.life-group-details small{color:#6d6383;font:800 9px "Open Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase}.life-group-details strong{margin-top:3px;color:#163575;font:700 clamp(18px,1.65vw,26px) "Merriweather",serif}.life-group-message{margin:20px 0;color:#4b3d67;font:italic 600 16px/1.55 "Merriweather",serif}.life-group-contact{display:inline-flex;color:#fff;background:linear-gradient(135deg,#b13e98,#5b4aaa);box-shadow:0 12px 28px rgba(92,59,153,.25)}@media(max-width:880px){.life-group-hero{min-height:auto;padding:390px 20px 28px;align-items:flex-end;justify-content:center;background-position:31% top;background-size:auto 470px;background-color:#e9e6fa}.life-group-copy{width:100%;padding:26px 22px}.life-group-copy h1{font-size:54px}}@media(max-width:520px){.life-group-hero{padding-top:330px;background-size:auto 400px}.life-group-copy h1{font-size:45px}.life-group-details article{grid-template-columns:36px 1fr}.life-group-details article>span{width:34px;height:34px;font-size:16px}}
.published-button {
  margin-top: 22px;
  padding: 11px 18px;
  display: inline-flex;
  color: #fff;
  background: linear-gradient(135deg, var(--ec-indigo), var(--ec-purple));
  border-radius: 999px;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 800;
}
.published-rich-text{color:var(--ec-ink);font:400 15px/1.85 "Merriweather",serif}.published-rich-text p{margin:0 0 16px}.published-rich-text h3{margin:28px 0 10px;color:var(--ec-indigo-deep);font:600 24px/1.25 "Playfair Display",serif}.published-rich-text ul,.published-rich-text ol{margin:8px 0 20px;padding-left:28px}.published-rich-text li{margin:7px 0;padding-left:5px}.source-document-block small{margin-top:13px;display:block;color:var(--ec-muted);font:600 10px "Open Sans",sans-serif}.source-document-block .published-button{border:0;cursor:pointer}
.builder-document-preview{display:grid;gap:20px}.builder-document-note{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#4a3a59;background:#efe7f3;border:1px solid rgba(112,77,163,.22);border-radius:12px;font:700 11px "Open Sans",sans-serif}.builder-document-note span{color:#75677d;font-weight:600}.builder-document-section{padding:clamp(28px,4vw,48px);background:#fff;border:1px solid var(--ec-line);border-radius:20px;box-shadow:0 16px 45px rgba(44,34,71,.06)}.builder-document-section h2{margin:9px 0 20px;color:var(--ec-indigo-deep);font-size:clamp(30px,3.4vw,48px)}
.published-word-document{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.published-word-document iframe{width:100%;height:min(1200px,84vh);display:block;background:#707070;border:0;border-radius:12px}.protected-pages{display:grid;gap:22px}.protected-page{position:relative;scroll-margin-top:180px}.protected-pages img{width:100%;height:auto;display:block;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;background:#fff;border:1px solid rgba(60,49,95,.14);box-shadow:0 16px 48px rgba(44,34,71,.11)}.document-internal-link{position:absolute;z-index:3;display:block;border-radius:3px;cursor:pointer}.document-internal-link:hover{outline:2px solid rgba(197,84,155,.42);background:rgba(197,84,155,.08)}.document-internal-link:focus-visible{outline:3px solid var(--ec-magenta);outline-offset:2px;background:rgba(197,84,155,.12)}body.published-resource-page,body.published-resource-page *{user-select:none!important;-webkit-user-select:none!important}body.published-resource-page img{-webkit-touch-callout:none!important;-webkit-user-drag:none!important}.protected-content-page .published-content,.protected-document{user-select:none;-webkit-user-select:none}.protected-content-page img{-webkit-touch-callout:none}
@media print{body.published-resource-page{visibility:hidden!important;opacity:0!important}body.published-resource-page *{display:none!important}}

@media (max-width: 680px) {
  .published-hero { padding: 10px 18px 14px; }
  .published-content { padding: 30px 10px 70px; }
  .published-block { padding: 26px 22px; }
}
.deleted-page-message{min-height:100vh;padding:10vh 8vw;display:grid;place-content:center;text-align:center;background:#fffdf9}.deleted-page-message p{color:#c5549b}.deleted-page-message h1{color:#26376f;font-family:"Playfair Display",serif}.deleted-page-message a{color:#8b58b2;font-weight:700}

/* Comentarios: biblioteca clara inspirada en la maqueta lila aprobada. */
.commentary-library-page{--comment-navy:#1f326f;--comment-purple:#b45ab6;--comment-line:rgba(81,66,126,.16);color:var(--comment-navy);background:#f4f7ff}
.commentary-library-page .interior-header{height:102px;padding:9px clamp(28px,4.2vw,68px);grid-template-columns:minmax(280px,1fr) auto;gap:40px;position:sticky;background:rgba(255,253,255,.96);border-bottom:1px solid rgba(58,57,95,.1);box-shadow:none;backdrop-filter:blur(18px)}
.commentary-library-page .interior-header .official-logo{width:300px;height:80px;z-index:2;filter:none}
.commentary-library-page .interior-header .official-logo img{width:177.5%;height:auto;left:-26.2%;top:-160.4%}
.commentary-library-page .interior-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px)}
.commentary-library-page .interior-nav a{padding:33px 0 15px;color:#26366c;border-bottom:2px solid transparent;font:500 14px "Merriweather",serif}
.commentary-library-page .interior-nav a:hover,.commentary-library-page .interior-nav a.active{color:var(--comment-purple);border-bottom-color:var(--comment-purple)}
.commentary-nav{display:flex;align-items:center;gap:clamp(25px,3.8vw,58px)}
.commentary-nav[hidden],.interior-nav[hidden],.interior-home[hidden],.back-home[hidden],.commentary-catalog[hidden],.section-options[hidden],.interior-footer[hidden],.commentary-footer[hidden]{display:none!important}
.commentary-nav>a,.commentary-nav summary{padding:34px 0 16px;color:#26366c;border-bottom:2px solid transparent;cursor:pointer;list-style:none;font:500 15px "Merriweather",serif}
.commentary-nav>a:hover,.commentary-nav>a.active,.commentary-nav summary:hover{color:var(--comment-purple);border-bottom-color:var(--comment-purple)}
.commentary-nav details{position:relative}.commentary-nav summary::-webkit-details-marker{display:none}.commentary-nav details>div{min-width:180px;padding:9px;display:grid;gap:3px;position:absolute;right:0;top:68px;background:rgba(255,253,255,.98);border:1px solid var(--comment-line);border-radius:10px;box-shadow:0 18px 45px rgba(38,31,67,.14)}
.commentary-nav details>div a{padding:9px 11px;color:#334173;border-radius:7px;font:400 12px "Merriweather",serif}.commentary-nav details>div a:hover{background:#f1e8f5;color:var(--comment-purple)}
.commentary-nav button{width:36px;height:36px;color:#26366c;background:transparent;border:0;font:26px "Open Sans",sans-serif}
.commentary-library-page .section-hero{min-height:370px;padding:54px clamp(28px,10.7vw,170px);display:block;background-image:linear-gradient(90deg,rgba(255,253,255,.96) 0%,rgba(255,253,255,.82) 24%,rgba(255,253,255,.24) 52%,rgba(255,253,255,.02) 75%),url("comentarios-hero-lila.png");background-size:cover;background-position:center 57%;border:0}
.commentary-library-page .section-hero::before{display:none}.commentary-library-page .section-hero-copy{max-width:470px}.commentary-library-page #section-kicker{display:none}
.commentary-library-page .section-hero h1{margin:0;color:var(--comment-navy);font:500 clamp(54px,5.4vw,78px)/1.05 "Playfair Display",serif;letter-spacing:-.035em}
.commentary-library-page .section-hero h1::after{content:"✦";width:118px;margin:22px 0 18px;display:block;color:#ca6ebe;border-bottom:1px solid rgba(180,90,182,.55);font:18px/0 "Playfair Display",serif;text-align:left}
.commentary-library-page .section-hero-copy>p:last-child{max-width:440px;color:#24366d;font:400 15px/1.75 "Merriweather",serif}
.commentary-library-page .section-emblem{display:none}
.bosquejos-library-page .section-hero{
  min-height:430px;
  padding:64px clamp(28px,8vw,128px);
  display:flex;
  align-items:center;
  background-color:#24170f;
  background-image:linear-gradient(90deg,rgba(31,20,13,.98) 0%,rgba(37,24,15,.94) 28%,rgba(36,23,14,.62) 48%,rgba(31,19,12,.12) 68%),url("bosquejos-hero-jesus.png");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.bosquejos-library-page .section-hero-copy{max-width:640px}
.bosquejos-library-page .section-hero h1{
  max-width:620px;
  margin:0;
  color:#fffaf4;
  font:500 clamp(56px,6vw,86px)/1.02 "Playfair Display",serif;
  letter-spacing:-.04em;
  text-shadow:0 4px 28px rgba(0,0,0,.38);
}
.bosquejos-library-page .section-hero h1::after{
  content:"";
  width:88px;
  margin:22px 0 18px;
  display:block;
  border-bottom:2px solid #e5a8db;
}
.bosquejos-library-page .section-hero-copy>p:last-child{
  max-width:590px;
  color:#fffaf4;
  font:italic 400 clamp(16px,1.4vw,20px)/1.65 "Merriweather",serif;
  text-shadow:0 2px 16px rgba(0,0,0,.62);
}
.bosquejos-library-page #section-description span{display:block}
.bosquejos-library-page .scripture-quote-break{display:block}
.bosquejos-library-page #section-description cite{
  margin-top:12px;
  display:block;
  color:#efb7df;
  font:700 11px/1.2 "Open Sans",sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.commentary-catalog{padding:30px clamp(28px,5.3vw,84px) 18px;background:linear-gradient(180deg,#f4f7ff,#eef3ff)}
.commentary-groups{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--comment-line)}
.commentary-group{min-height:236px;padding:0 28px 24px;border-right:1px solid var(--comment-line)}.commentary-group:nth-child(4n){border-right:0}.commentary-group:nth-child(n+5){padding-top:22px;border-top:1px solid var(--comment-line)}
.commentary-group-title{display:flex;align-items:center;gap:13px}.commentary-group-title>span{width:34px;color:var(--comment-purple);font:25px "Playfair Display",serif;text-align:center}.commentary-group-title h2{margin:0;color:#24366d;font:500 clamp(18px,1.45vw,23px) "Playfair Display",serif}.commentary-group-title h2::after{content:"";width:28px;margin-top:10px;display:block;border-bottom:1px solid #c977c3}
.commentary-book-list{margin:14px 0 0 8px;display:grid;grid-template-columns:1fr;gap:8px}.commentary-group-2 .commentary-book-list,.commentary-group-5 .commentary-book-list{grid-template-columns:1fr 1fr}.commentary-group-8 .commentary-book-list{grid-template-columns:repeat(3,1fr)}
.commentary-book-list a{display:flex;align-items:center;gap:11px;color:#293767;font:400 12px/1.2 "Merriweather",serif}.commentary-book-list a span{color:#bd61b8;font:18px/1 "Open Sans",sans-serif}.commentary-book-list a:hover{color:var(--comment-purple);transform:translateX(2px)}
.library-book-with-content{grid-column:1/-1}.library-book-with-content summary{display:flex;align-items:center;gap:11px;color:#293767;cursor:pointer;list-style:none;font:600 12px/1.2 "Merriweather",serif}.library-book-with-content summary::-webkit-details-marker{display:none}.library-book-with-content summary>span{color:#bd61b8;font:18px/1 "Open Sans",sans-serif}.library-book-with-content summary>b{min-width:20px;margin-left:auto;padding:3px 6px;color:#fff;background:#b45ab6;border-radius:999px;text-align:center;font:700 9px "Open Sans",sans-serif}.library-book-with-content>div{margin:8px 0 4px 18px;padding:8px 10px;display:grid;gap:8px;background:#f3ebf6;border-left:2px solid #c977c3;border-radius:0 8px 8px 0}.library-book-with-content>div a{font-size:11px}
.commentary-group-9{min-height:80px;grid-column:1/2;border-right:0}.commentary-footer{min-height:78px;padding:16px clamp(28px,5vw,70px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#24366d;background:linear-gradient(90deg,#eee8f7,#fbf9fd,#eee8f7);border-top:1px solid var(--comment-line)}.commentary-footer>p{margin:0;text-align:center;font:italic 15px/1.45 "Merriweather",serif}.commentary-footer small{display:block;font-size:11px;font-style:normal}.commentary-footer>span:last-child{justify-self:end;color:#c36abc;font-size:34px}.footer-leaves{color:#aa73c5;font-size:34px}
.commentary-library-page .interior-footer{min-height:72px;padding:18px clamp(28px,5vw,70px);display:flex!important;color:#44517d;background:linear-gradient(90deg,#f0eaf7,#fcfafd,#eee8f6);border-top:1px solid var(--comment-line);font:600 10px/1.4 "Open Sans",sans-serif}
@media(max-width:1050px){.commentary-library-page .interior-header{grid-template-columns:1fr auto}.commentary-library-page .interior-header .official-logo{width:300px}.commentary-nav{gap:22px}.commentary-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.commentary-group:nth-child(2n){border-right:0}.commentary-group:nth-child(n+3){border-top:1px solid var(--comment-line)}.commentary-group-9{grid-column:1/2}}
@media(max-width:720px){.commentary-library-page .interior-header{height:78px;padding:5px 14px}.commentary-library-page .interior-header .official-logo{width:230px;height:62px}.commentary-nav>a:not(.active),.commentary-nav details,.commentary-nav button{display:none}.commentary-nav>a,.commentary-nav summary{padding:24px 0 13px;font-size:12px}.commentary-library-page .section-hero{min-height:460px;padding:52px 24px;background-position:62% center}.commentary-library-page .section-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,255,.97),rgba(255,253,255,.75) 66%,rgba(255,253,255,.25));pointer-events:none}.commentary-library-page .section-hero-copy{position:relative;z-index:2}.commentary-library-page .section-hero h1{font-size:54px}.commentary-library-page .section-hero-copy>p:last-child{font-size:14px}.commentary-catalog{padding:24px 18px}.commentary-groups{grid-template-columns:1fr}.commentary-group,.commentary-group:nth-child(4n),.commentary-group:nth-child(2n){min-height:0;padding:20px 12px;border-right:0;border-top:1px solid var(--comment-line)}.commentary-group:first-child{border-top:0}.commentary-group-9{grid-column:auto}.commentary-group-8 .commentary-book-list{grid-template-columns:1fr 1fr}.commentary-footer{grid-template-columns:36px 1fr 36px;padding:14px}.commentary-footer>p{font-size:12px}}
@media(max-width:720px){.bosquejos-library-page .section-hero{min-height:680px;padding:260px 24px 44px;align-items:flex-start;background-position:center top;background-size:cover;background-repeat:no-repeat}.bosquejos-library-page .section-hero::after{background:linear-gradient(180deg,rgba(18,12,8,.02) 0%,rgba(24,15,9,.34) 27%,rgba(25,16,10,.96) 44%,rgba(25,16,10,.99) 100%)}.bosquejos-library-page .section-hero h1{max-width:330px;color:#fffaf4;font-size:52px}.bosquejos-library-page .section-hero-copy>p:last-child{max-width:340px;color:#fffaf4;font-size:15px}.bosquejos-library-page .scripture-quote-break{display:none}}
@media(max-width:720px){.commentary-library-page .interior-nav{display:flex;gap:16px}.commentary-library-page .interior-nav a{padding:23px 0 12px;font-size:11px}.commentary-library-page .interior-nav a:not(.active):not([data-area="inicio"]){display:none}.commentary-library-page .interior-footer{gap:7px;padding:16px 18px;font-size:9px}}

/* Encabezado y pie índigo elegidos para la Permanente. */
.commentary-library-page .interior-header,
.published-resource-page .interior-header{
  background:#26376f;
  border-bottom:3px solid #e68fc4;
  box-shadow:0 10px 30px rgba(27,37,82,.2);
}
.commentary-library-page .interior-header .official-logo,
.published-resource-page .interior-header .official-logo{
  background:rgba(255,253,249,.96);
  border-radius:10px;
  box-shadow:0 4px 18px rgba(10,16,46,.24);
}
.commentary-library-page .interior-nav a,
.published-resource-page .interior-nav a{
  color:#fff9f1;
}
.commentary-library-page .interior-nav a:hover,
.commentary-library-page .interior-nav a.active,
.published-resource-page .interior-nav a:hover,
.published-resource-page .interior-nav a.active{
  color:#f4b3d8;
  border-bottom-color:#e68fc4;
}
.commentary-library-page .interior-footer,
.published-resource-page .interior-footer{
  color:#fff9f1;
  background:#26376f;
  border-top:3px solid #e68fc4;
}
.commentary-library-page .interior-footer a,
.published-resource-page .interior-footer a{
  color:#fff9f1;
}
.commentary-library-page .interior-footer a:hover,
.published-resource-page .interior-footer a:hover{
  color:#f4b3d8;
}

/* Aurora índigo: identidad compartida por toda la Permanente. */
.permanent-home .site-header,
.commentary-library-page .interior-header,
.published-resource-page .interior-header{
  background:linear-gradient(90deg,#adb8dc 0%,#6673a7 45%,#26376f 100%);
  border:0;
  box-shadow:0 10px 30px rgba(27,37,82,.18);
}
.permanent-home .site-header .official-logo,
.commentary-library-page .interior-header .official-logo,
.published-resource-page .interior-header .official-logo{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.permanent-home .header-nav{display:flex;align-items:center}
.permanent-home .header-nav a,
.commentary-library-page .interior-nav a,
.published-resource-page .interior-nav a{
  color:#fffaf4;
  text-shadow:0 1px 10px rgba(21,31,75,.2);
}
.permanent-home .header-nav a:hover,
.permanent-home .header-nav a:focus-visible,
.commentary-library-page .interior-nav a:hover,
.commentary-library-page .interior-nav a.active,
.published-resource-page .interior-nav a:hover,
.published-resource-page .interior-nav a.active{
  color:#ffd3ec;
  border-bottom-color:#e68fc4;
}
.permanent-home .topic-bar,
.commentary-library-page .interior-footer,
.published-resource-page .interior-footer{
  color:#fffaf4;
  background:#26376f;
  border-top:2px solid rgba(230,143,196,.8);
}
.topic-links{width:100%;max-width:620px;margin:0 auto;padding:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.topic-links a{color:#fffaf4}
.site-meta{grid-template-columns:auto auto auto auto;justify-content:space-between;font-size:12px;letter-spacing:.035em}
.site-meta a,
.commentary-library-page .interior-footer a,
.published-resource-page .interior-footer a{color:#fffaf4}
.commentary-library-page .interior-footer,
.published-resource-page .interior-footer{
  min-height:82px;
  padding:20px clamp(28px,5vw,70px);
  font:650 13px/1.5 "Open Sans",sans-serif;
}
.youtube-icon{
  width:25px;
  height:18px;
  margin-right:7px;
  display:inline-grid;
  place-items:center;
  color:#fff;
  background:#e62117;
  border-radius:5px;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
  font:800 9px/1 "Open Sans",sans-serif;
  vertical-align:middle;
}
.youtube-play-icon{
  display:inline-grid;
  place-items:center;
  color:#fff!important;
  background:#e62117!important;
  border-radius:8px;
}

/* Iconos claros y consistentes para las divisiones bíblicas. */
.commentary-group-title>.catalog-icon{
  width:40px;
  height:38px;
  flex:0 0 40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  color:var(--comment-purple);
  font-family:"Playfair Display",serif;
}
.tablets-icon{gap:2px}
.tablets-icon i{
  width:17px;
  height:28px;
  display:grid;
  place-items:center;
  color:#a74eae;
  border:2px solid currentColor;
  border-radius:9px 9px 3px 3px;
  font:800 8px/1 "Open Sans",sans-serif;
}
.crown-icon{font-size:31px!important;font-weight:800}
.harp-icon i{width:26px;height:30px;position:relative;border-left:4px solid currentColor;border-bottom:4px solid currentColor;border-radius:58% 10% 48% 52%;transform:skew(-8deg)}
.harp-icon i::before{content:"";width:24px;height:29px;position:absolute;left:5px;top:-3px;border-right:3px solid currentColor;border-radius:45% 55% 48% 10%;transform:rotate(13deg)}
.harp-icon i::after{content:"";width:15px;height:23px;position:absolute;left:7px;top:3px;background:repeating-linear-gradient(90deg,currentColor 0 1px,transparent 1px 5px);transform:skew(-12deg)}
.scroll-icon{width:32px!important;height:29px!important;border:2px solid currentColor;border-radius:3px}
.scroll-icon::before,.scroll-icon::after{content:"";width:6px;height:33px;position:absolute;top:-4px;border:2px solid currentColor;border-radius:6px;background:#f4f7ff}
.scroll-icon::before{left:-4px}.scroll-icon::after{right:-4px}
.scroll-icon i,.scroll-icon i::before,.scroll-icon i::after{content:"";width:15px;height:2px;position:absolute;left:7px;top:8px;background:currentColor;box-shadow:0 6px 0 currentColor,0 12px 0 currentColor}
.scroll-minor-icon{transform:scale(.88)}
.cross-icon{font-size:34px!important;font-weight:900;text-shadow:1px 0 currentColor,-1px 0 currentColor,0 1px currentColor,0 -1px currentColor}
.church-icon i{width:29px;height:21px;position:absolute;bottom:2px;border:2px solid currentColor;border-radius:2px}
.church-icon i::before{content:"";width:22px;height:22px;position:absolute;left:1px;top:-13px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);background:#f4f7ff}
.church-icon i::after{content:"✝";position:absolute;left:8px;top:-24px;z-index:2;color:currentColor;font:900 18px/1 "Playfair Display",serif}
.letters-icon{font-size:31px!important;font-weight:900;text-shadow:1px 1px 0 rgba(180,90,182,.3)}
.commentary-group-8 .commentary-book-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.commentary-group-8 .commentary-book-list a{white-space:nowrap}

/* El catálogo bíblico se lee verticalmente dentro de cada columna. */
.bosquejos-library-page .catalog-vertical-two .commentary-book-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(6,auto);
  grid-auto-flow:column;
  column-gap:18px;
}
.bosquejos-library-page .catalog-vertical-two .commentary-book-list a,
.bosquejos-library-page .catalog-vertical-two .library-book-with-content summary{
  white-space:nowrap;
}
.bosquejos-library-page .catalog-church-letters{
  grid-column:3/5;
  border-right:0;
}
.bosquejos-library-page .catalog-church-letters .commentary-book-list{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(8,auto);
  grid-auto-flow:column;
  column-gap:24px;
}
.bosquejos-library-page .catalog-church-letters .commentary-book-list a{white-space:nowrap}

@media(max-width:720px){
  .permanent-home .header-nav{display:flex}
  .permanent-home .header-nav a{font-size:10px}
  .site-meta{grid-template-columns:1fr 1fr;gap:3px 12px;font-size:10px}
  .site-meta>*{grid-column:auto!important;grid-row:auto!important;justify-self:center!important;text-align:center}
  .commentary-library-page .interior-footer,
  .published-resource-page .interior-footer{min-height:96px;gap:9px;padding:18px;font-size:11px}
  .commentary-group-8 .commentary-book-list{grid-template-columns:1fr 1fr}
  .commentary-group-8 .commentary-book-list a{font-size:10px}
}

@media(max-width:1050px){
  .bosquejos-library-page .catalog-church-letters{grid-column:1/3}
}
@media(max-width:720px){
  .bosquejos-library-page .catalog-church-letters{grid-column:auto}
  .bosquejos-library-page .catalog-church-letters .commentary-book-list{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-flow:row}
  .bosquejos-library-page .catalog-vertical-two .commentary-book-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
}

/* Ajustes finales antes de publicar: pie más visible, logo completo y orden bíblico. */
.permanent-home .site-header .official-logo{
  width:300px;
  height:80px;
  flex:0 0 300px;
}
.bosquejos-library-page .section-hero-copy,
.bosquejos-library-page .section-hero-copy>p:last-child{max-width:720px}
.commentary-group-8 .commentary-book-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(11,auto);
  grid-auto-flow:column;
  column-gap:18px;
}
.permanent-home .topic-bar{
  height:120px;
  grid-template-rows:52px 68px;
  color:#fffaf4;
  background:#d8dced;
  border:2px solid rgba(230,143,196,.9);
  box-shadow:0 18px 52px rgba(22,34,84,.34);
}
.permanent-home .topic-links{
  max-width:none;
  background:#34477f;
}
.permanent-home .topic-links a{
  color:#fffaf4;
  border-color:rgba(255,255,255,.17);
  font-size:13px;
}
.permanent-home .topic-links a:hover,
.permanent-home .topic-links a:focus-visible{color:#ffd3ec;background:rgba(230,143,196,.18)}
.permanent-home .site-meta,
.commentary-library-page .interior-footer,
.published-resource-page .interior-footer{
  color:#1f326f;
  background:#d8dced;
  border-top:2px solid rgba(102,115,167,.42);
}
.permanent-home .site-meta{padding:8px 30px;font-size:12px;font-weight:750}
.permanent-home .site-meta a,
.commentary-library-page .interior-footer a,
.published-resource-page .interior-footer a{color:#1f326f;font-weight:750}
.permanent-home .site-meta a:hover,
.permanent-home .site-meta a:focus-visible,
.commentary-library-page .interior-footer a:hover,
.published-resource-page .interior-footer a:hover{color:#9a357e}
.permanent-home .permanent-visitor-count span{color:#9a357e}
.commentary-library-page .interior-footer p,
.published-resource-page .interior-footer p{color:#1f326f}

@media(max-width:720px){
  .permanent-home .site-header .official-logo{width:230px;height:62px;flex-basis:230px}
  .commentary-group-8 .commentary-book-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
  .permanent-home .topic-bar{height:134px;grid-template-rows:48px 86px}
  .permanent-home .site-meta{padding:8px 10px;font-size:9.5px}
  .permanent-home .resurrection-verse{bottom:150px}
}

/* Genesis book hub: chapter resources and editor connection map. */
html:has(.genesis-hub-page){min-height:100%;background:#d8dced}
.disabled-bible-book{display:flex;align-items:center;gap:11px;color:#34477f;font:600 12px/1.2 "Merriweather",serif;cursor:not-allowed;opacity:1}.disabled-bible-book>span:first-child{color:#8d54a5;font:18px/1 "Open Sans",sans-serif}.disabled-bible-book small{margin-left:auto;color:#674f82;font:700 7px "Open Sans",sans-serif;letter-spacing:.04em;text-transform:uppercase}
.bosquejos-library-page .catalog-vertical-two .disabled-bible-book>span:nth-child(2){white-space:nowrap}
.commentary-library-page{min-height:100vh;display:flex;flex-direction:column}.commentary-library-page>main{flex:1;display:flex;flex-direction:column}.commentary-library-page .commentary-catalog{flex:1}.commentary-library-page>.interior-footer{flex:0 0 auto;margin:0}.commentary-library-page>.commentary-footer[hidden]{display:none!important}
.genesis-hub-page{min-height:100vh;margin:0;display:flex;flex-direction:column;color:#102d68;background:#d8dced;font-family:"Open Sans",sans-serif}
.genesis-hub-page *{box-sizing:border-box}
.genesis-hub-page>main{flex:1;background:#f4f7ff}
.genesis-header{min-height:104px;padding:12px 4%;background:rgba(255,255,255,.96);border-bottom:1px solid #e6ddf3}
.genesis-header .official-logo{display:block;width:min(360px,48vw)}
.genesis-header .official-logo img{display:block;width:100%;height:auto}
.genesis-header .interior-nav{display:flex;gap:54px;align-items:center}
.genesis-header .interior-nav a{color:#102d68;text-decoration:none;font-size:18px;padding:14px 0;border-bottom:3px solid transparent}
.genesis-header .interior-nav a:nth-child(2){border-color:#8150d6}
.genesis-hero{min-height:390px;padding:22px 6% 48px;background:linear-gradient(90deg,rgba(16,24,55,.88) 0%,rgba(22,31,65,.7) 34%,rgba(22,24,45,.2) 64%,rgba(18,15,25,.04) 82%),url("genesis-hero-v2.png") center/cover no-repeat;border-bottom:1px solid #e6ddf3}
.genesis-hero-copy{max-width:610px;padding-top:62px}
.genesis-hero-copy h1{margin:0;color:#fffaf4;font-size:66px;font-weight:500;line-height:1;text-shadow:0 3px 18px rgba(8,10,27,.42)}
.genesis-star{display:block;width:125px;margin:13px 0 14px;color:#a775e8;font-size:27px;border-bottom:2px solid #c9a8ee;line-height:18px}
.genesis-hero-copy p{margin:0;color:#fffaf4;font:400 18px/1.65 "Merriweather",serif;text-shadow:0 2px 12px rgba(8,10,27,.48)}
.genesis-library{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(310px,1fr);gap:32px;padding:20px 4% 14px;background:#f4f7ff}
.genesis-chapter-groups{min-width:0}
.genesis-group{display:grid;grid-template-columns:76px 1fr;gap:20px;padding:18px 8px 16px;border-bottom:1px solid #e4dcef}
.genesis-group-icon{display:grid;place-items:center;width:68px;height:68px;color:#7148ce;background:linear-gradient(145deg,#fff,#f5efff);border:1.5px solid #9b75df;border-radius:50%;box-shadow:0 7px 18px rgba(83,50,142,.1)}
.genesis-group-icon svg{width:43px;height:43px;fill:none!important;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.genesis-group-icon svg *{fill:none!important;stroke:currentColor!important}
.genesis-group h2{margin:1px 0 5px;font:500 25px "Playfair Display",serif}.genesis-group h2 span{font-size:.88em}
.genesis-group p{margin:0 0 13px;font:400 14px/1.5 "Merriweather",serif}
.genesis-chapters{display:flex;flex-wrap:wrap;gap:9px}
.chapter-card{position:relative}
.chapter-number{min-width:43px;height:43px;padding:0 10px;color:#173572;background:#fdfbff;border:1px solid #ded1f0;border-radius:10px;font:600 15px "Open Sans",sans-serif;cursor:pointer;box-shadow:0 3px 10px rgba(80,42,140,.04)}
.chapter-number:hover,.chapter-number:focus-visible,.chapter-card.open .chapter-number{color:#fff;background:#7850cc;border-color:#7850cc;outline:none}
.chapter-resources{display:none;position:absolute;z-index:20;left:0;top:49px;width:225px;padding:10px;background:#fff;border:1px solid #d8c8ee;border-radius:12px;box-shadow:0 15px 35px rgba(35,25,80,.2)}
.chapter-card.open .chapter-resources{display:grid;gap:4px}
.chapter-resources>strong{padding:5px 8px 8px;color:#57359e;border-bottom:1px solid #eee7f7}
.chapter-resources a,.chapter-resources>span{display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px;font:14px "Open Sans",sans-serif;text-decoration:none}
.resource-connected{color:#18366c;background:#f4effc}.resource-connected:hover{background:#e8dcfa}
.resource-missing{color:#7d748b}.resource-missing small{margin-left:auto;color:#a59dad;font-size:10px}
.genesis-about{align-self:stretch;margin-top:1px;padding:17px 22px;background:rgba(255,255,255,.73);border:1px solid #e3d9ef;border-radius:10px;box-shadow:0 8px 28px rgba(70,42,105,.04)}
.genesis-about h2{margin:0 0 7px;padding:0 0 12px;font-size:25px;font-weight:500;border-bottom:2px solid #b494e8}
.genesis-about article{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:17px 0;border-bottom:1px solid #e6deef}.genesis-about article:last-child{border:0}
.genesis-about article>span{display:grid;place-items:center;width:35px;height:35px;color:#7045cf}.genesis-about article>span svg{width:32px;height:32px;fill:none!important;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.genesis-about article>span svg *{fill:none!important;stroke:currentColor!important}.genesis-about h3{margin:0 0 5px;font-size:18px}.genesis-about p,.genesis-about ul{margin:0;padding-left:0;font-size:15px;line-height:1.45}.genesis-about ul{padding-left:18px}
.genesis-footer{display:flex;justify-content:center;align-items:center;position:relative;min-height:72px;padding:10px 6%;text-align:center;background:linear-gradient(90deg,#eef0ff,#fff,#f7effc);border-top:1px solid #ddd6eb}
.genesis-footer p{margin:0;font-size:18px;font-style:italic}.genesis-footer small{display:block;font-size:14px;font-style:normal}.genesis-footer>span{position:absolute;right:4%;font-size:33px;color:#8150d6}
.genesis-connection-tree{margin:22px 4% 35px;padding:25px;color:#263251;background:#f6f4fa;border:2px dashed #8f6acb;border-radius:14px;font-family:"Open Sans",sans-serif}
.tree-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.tree-heading p{margin:0;color:#7451ad;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.tree-heading h2{margin:4px 0 0;font-size:25px}.tree-heading>strong{color:#6843a3}
.tree-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tree-grid>section{padding:14px;background:#fff;border:1px solid #ded6e9;border-radius:9px}.tree-grid h3{margin:0 0 10px}.tree-chapter{display:grid;grid-template-columns:30px 1fr;gap:7px;padding:6px 0;border-top:1px solid #eeeaf3}.tree-chapter div{display:flex;flex-wrap:wrap;gap:5px}.tree-chapter span{padding:3px 6px;border-radius:5px;font-size:11px}.tree-chapter .connected{color:#276441;background:#e4f4e9}.tree-chapter .missing{color:#7b7285;background:#f0edf3}.tree-help{margin:18px 0 0;font-size:13px}.genesis-library-link b{margin-left:auto;color:#7650bd}
@media(max-width:850px){.genesis-header{display:block}.genesis-header .official-logo{margin:auto}.genesis-header .interior-nav{justify-content:center;gap:25px}.genesis-library{grid-template-columns:1fr}.genesis-about{order:-1}.tree-grid{grid-template-columns:1fr}.genesis-hero-copy h1{font-size:50px}}
@media(max-width:560px){.genesis-header .interior-nav a{font-size:14px}.genesis-hero{min-height:330px;padding-inline:5%}.genesis-breadcrumbs{margin-bottom:34px}.genesis-hero-copy p{font-size:17px}.genesis-library{padding-inline:3%}.genesis-group{grid-template-columns:54px 1fr;gap:10px}.genesis-group-icon{width:50px;height:50px;font-size:26px}.genesis-group h2{font-size:21px}.chapter-resources{position:fixed;left:5%;right:5%;top:auto;bottom:18px;width:auto}.tree-heading{display:block}.tree-heading>strong{display:block;margin-top:8px}}

/* Los bosquejos usan exactamente el encabezado de Las Escrituras y Génesis. */
.published-resource-page .interior-header{height:102px;padding:9px clamp(28px,4.2vw,68px);grid-template-columns:minmax(280px,1fr) auto;gap:40px;position:sticky}
.published-resource-page .interior-header .official-logo{width:300px;height:80px;z-index:2;filter:none;pointer-events:auto!important;contain:none;clip-path:none}
.published-resource-page .interior-header .official-logo img{width:177.5%;height:auto;left:-26.2%;top:-160.4%}
.published-resource-page .interior-nav{display:flex;align-items:center;gap:clamp(18px,2.5vw,38px)}
.published-resource-page .interior-nav a{padding:33px 0 15px;font:500 14px "Merriweather",serif}
.published-resource-page{background:#eef2ff}
.published-resource-page .resource-chapter-navigation{background:#eef2ff}
.published-resource-page .published-content{background:#eef2ff}
.permanent-home .site-header .official-logo{filter:none}
.permanent-home .topic-links a:hover,.permanent-home .topic-links a:focus-visible{color:#ffd3ec;background:transparent;box-shadow:none}
.permanent-home .quiet-link .youtube-icon{margin:0 7px 0 0;color:#fff}
@media(max-width:720px){.published-resource-page .interior-header{height:78px;padding:5px 14px;grid-template-columns:1fr auto;gap:12px}.published-resource-page .interior-header .official-logo{width:230px;height:62px}.published-resource-page .interior-nav{gap:16px}.published-resource-page .interior-nav a{padding:23px 0 12px;font-size:11px}}
/* Grupo de Vida: anuncio nítido y editorial, integrado al mismo sistema visual. */
.life-group-page .interior-header{height:102px;min-height:102px;padding:9px clamp(28px,4.2vw,68px);display:grid;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:40px;position:relative;top:auto;background:linear-gradient(90deg,#adb8dc 0%,#6673a7 45%,#26376f 100%);border:0;box-shadow:0 10px 30px rgba(27,37,82,.18)}
.life-group-page .interior-header .official-logo{width:300px;height:80px;background:transparent;border:0;border-radius:0;box-shadow:none;filter:none}.life-group-page .interior-header .official-logo img{width:177.5%;height:auto;left:-26.2%;top:-160.4%}
.life-group-page .interior-nav,.commentary-library-page .interior-nav,.published-resource-page .interior-nav{height:100%;display:flex;align-items:center}.life-group-page .interior-nav a,.commentary-library-page .interior-nav a,.published-resource-page .interior-nav a{height:100%;padding:0;display:flex;align-items:center;color:#fffaf4;border:0!important;text-shadow:0 1px 10px rgba(21,31,75,.2)}
.life-group-page .interior-nav a:hover,.life-group-page .interior-nav a:focus-visible,.life-group-page .interior-nav a.active,.commentary-library-page .interior-nav a:hover,.commentary-library-page .interior-nav a:focus-visible,.commentary-library-page .interior-nav a.active,.published-resource-page .interior-nav a:hover,.published-resource-page .interior-nav a:focus-visible,.published-resource-page .interior-nav a.active{color:#ffd3ec;border:0!important}.life-group-page .interior-nav a::after,.commentary-library-page .interior-nav a::after,.published-resource-page .interior-nav a::after{display:none!important}
.life-group-main{min-height:0}.life-group-hero{min-height:calc(100vh - 184px);padding:clamp(34px,4.5vw,72px) clamp(38px,6vw,104px);align-items:center;justify-content:flex-end;background-image:url("grupo-de-vida-hero-juan-5-39-v2.png");background-size:cover;background-position:center;background-repeat:no-repeat}
.life-group-copy{width:min(590px,40vw);padding:0;color:#172f6b;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;text-shadow:0 1px 0 rgba(255,255,255,.58)}.life-group-invitation{margin:0 0 8px;color:#72409c;font:italic 600 clamp(35px,3.5vw,57px)/1 "Playfair Display",serif}.life-group-copy>.eyebrow{margin:0 0 7px;color:#a3378d;font-size:11px;letter-spacing:.18em}.life-group-copy h1{margin:0;color:#173574;font:700 clamp(54px,5.5vw,86px)/.98 "Playfair Display",serif;letter-spacing:-.035em}
.life-group-method{margin:19px 0 21px;padding:0 0 10px;color:#523578;background:transparent;border-bottom:2px solid rgba(92,67,144,.4);border-radius:0;text-align:left;font:800 clamp(11px,1.05vw,15px) "Open Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase}.life-group-details{display:grid;gap:2px}.life-group-details article{padding:10px 0;grid-template-columns:42px 1fr;gap:12px;border-bottom:1px solid rgba(40,54,112,.2)}.life-group-details article>span{width:38px;height:38px;color:#fff;background:linear-gradient(145deg,#8c55b7,#4e4da0);box-shadow:0 7px 18px rgba(68,43,124,.2);font-size:17px}.life-group-details small{color:#5d5576;font-size:9px}.life-group-details strong{color:#173574;font-size:clamp(17px,1.55vw,24px)}.life-group-message{margin:18px 0 15px;color:#42345f;font-size:14px;line-height:1.5}.life-group-contact{padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#ad3d96,#5c4aa8);box-shadow:0 10px 24px rgba(76,49,137,.24)}
.life-group-page .interior-footer{min-height:82px;margin:0;padding:20px clamp(28px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#1f326f;background:#d8dced;border-top:2px solid rgba(102,115,167,.42);font:650 13px/1.5 "Open Sans",sans-serif}.life-group-page .interior-footer p{color:#1f326f}.life-group-page .interior-footer a{color:#1f326f;font-weight:750}.life-group-page .interior-footer a:hover{color:#9a357e}.permanent-home .topic-links{height:100%;align-items:center}.permanent-home .topic-links a{height:100%;display:flex;align-items:center;justify-content:center}.permanent-home .site-meta{align-items:center}
@media(max-width:880px){.life-group-page .interior-header{height:78px;min-height:78px;padding:5px 14px;grid-template-columns:1fr auto;gap:12px}.life-group-page .interior-header .official-logo{width:230px;height:62px}.life-group-page .interior-nav{gap:14px}.life-group-page .interior-nav a{font-size:10px}.life-group-hero{min-height:auto;padding:58vw 22px 32px;align-items:flex-end;background-position:34% top;background-size:auto 62vw;background-color:#e9e4f3}.life-group-copy{width:100%;padding:26px 23px;background:rgba(246,243,252,.93);border-radius:20px;box-shadow:0 18px 46px rgba(40,31,86,.18);text-shadow:none}.life-group-page .interior-footer{min-height:120px;padding:18px;flex-wrap:wrap;justify-content:center;text-align:center;font-size:11px}}
@media(max-width:560px){.life-group-page .interior-header .official-logo{width:190px;height:52px}.life-group-page .interior-nav a{font-size:9px}.life-group-hero{padding:72vw 14px 22px;background-size:auto 76vw}.life-group-invitation{font-size:36px}.life-group-copy h1{font-size:48px}.life-group-page .interior-footer{gap:9px 18px}.life-group-page .interior-footer>*{flex:1 1 42%}}

/* Las Escrituras: catálogo amplio, fondo azul uniforme y fotografía original nítida. */
.bosquejos-library-page,
.bosquejos-library-page main,
.bosquejos-library-page .commentary-catalog{
  background:#f4f7ff;
}
.bosquejos-library-page .section-hero{
  background-color:#24170f;
  background-image:linear-gradient(90deg,rgba(31,20,13,.98) 0%,rgba(37,24,15,.93) 31%,rgba(36,23,14,.56) 53%,rgba(31,19,12,.08) 73%),url("bosquejos-hero-jesus.png");
  background-position:right center;
  background-size:cover;
}
.bosquejos-library-page .commentary-groups{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.bosquejos-library-page .commentary-group,
.bosquejos-library-page .commentary-group:nth-child(2n),
.bosquejos-library-page .commentary-group:nth-child(4n){
  min-width:0;
  min-height:280px;
  padding:30px 38px 34px;
  border-right:0;
}
.bosquejos-library-page .commentary-group:nth-child(odd):not(.catalog-church-letters){
  border-right:1px solid var(--comment-line);
}
.bosquejos-library-page .catalog-church-letters{
  border-right:0;
}
.bosquejos-library-page .commentary-group:nth-child(n+3){
  border-top:1px solid var(--comment-line);
}
.bosquejos-library-page .commentary-group h2{
  font-size:clamp(23px,1.75vw,29px);
}
.bosquejos-library-page .commentary-book-list{
  margin-top:18px;
  gap:12px 30px;
}
.bosquejos-library-page .disabled-bible-book,
.bosquejos-library-page .genesis-library-link{
  min-height:25px;
  font-size:14px;
  line-height:1.35;
}
.bosquejos-library-page .disabled-bible-book small{
  font-size:8px;
  letter-spacing:.055em;
}
.bosquejos-library-page .catalog-church-letters{
  grid-column:1/-1;
}
.bosquejos-library-page .catalog-church-letters .commentary-book-list{
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:repeat(6,auto);
  grid-auto-flow:column;
  column-gap:34px;
}
.bosquejos-library-page .disabled-bible-book>span:nth-child(2),
.bosquejos-library-page .genesis-library-link{
  white-space:nowrap;
}
@media(max-width:1100px){
  .bosquejos-library-page .commentary-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bosquejos-library-page .commentary-group{padding:28px 30px 32px}
  .bosquejos-library-page .commentary-group:nth-child(odd):not(.catalog-church-letters){border-right:1px solid var(--comment-line)}
  .bosquejos-library-page .commentary-group:nth-child(even),
  .bosquejos-library-page .catalog-church-letters{border-right:0}
  .bosquejos-library-page .catalog-church-letters{grid-column:1/-1}
  .bosquejos-library-page .catalog-church-letters .commentary-book-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(8,auto)}
}
@media(max-width:720px){
  .bosquejos-library-page .commentary-groups{grid-template-columns:1fr}
  .bosquejos-library-page .commentary-group,
  .bosquejos-library-page .commentary-group:nth-child(2n),
  .bosquejos-library-page .commentary-group:nth-child(3n){border-right:0}
  .bosquejos-library-page .commentary-group{min-height:0;padding:25px 18px 29px}
  .bosquejos-library-page .commentary-group:nth-child(n+2){border-top:1px solid var(--comment-line)}
  .bosquejos-library-page .catalog-church-letters{grid-column:auto}
  .bosquejos-library-page .catalog-church-letters .commentary-book-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}
}

/* El menú no queda subrayado ni coloreado permanentemente; solo responde al pasar el puntero. */
.life-group-page .interior-nav a.active,.commentary-library-page .interior-nav a.active,.published-resource-page .interior-nav a.active{color:#fffaf4!important;border:0!important}
.life-group-page .interior-nav a.active:hover,.commentary-library-page .interior-nav a.active:hover,.published-resource-page .interior-nav a.active:hover{color:#ffd3ec!important}
@media(max-width:880px){.life-group-copy{padding:24px 0 8px;background:transparent;border-radius:0;box-shadow:none}}

/* La barra inferior de Inicio contiene tres destinos, perfectamente centrados. */
.permanent-home .topic-links{width:100%!important;max-width:none!important;margin:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important}
.permanent-home .topic-links a{min-height:52px;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1.2!important;text-align:center}

/* Página Prueba: copia la identidad de Las Escrituras y deja un lienzo claro debajo. */
.test-page{min-height:100vh;background:#f4f7ff}.test-page>main{min-height:calc(100vh - 184px)}.test-page-hero{min-height:430px;padding:64px clamp(28px,8vw,128px);display:flex;align-items:center;background-color:#24170f;background-image:linear-gradient(90deg,rgba(20,12,7,.64) 0%,rgba(20,12,7,.38) 38%,rgba(20,12,7,.06) 67%),url("bosquejos-hero-jesus.png");background-position:center;background-size:cover;background-repeat:no-repeat}.test-page-hero::before{display:none}.test-page-hero .section-hero-copy{max-width:640px}.test-page-hero h1{max-width:620px;margin:0;color:#fffaf4;font:500 clamp(56px,6vw,86px)/1.02 "Playfair Display",serif;letter-spacing:-.04em;text-shadow:0 4px 28px rgba(0,0,0,.38)}.test-page-hero h1::after{content:"";width:88px;margin:22px 0 18px;display:block;border-bottom:2px solid #e5a8db}.test-page-hero p{max-width:590px;margin:0;color:#fffaf4;font:italic 400 clamp(16px,1.4vw,20px)/1.65 "Merriweather",serif;text-shadow:0 2px 16px rgba(0,0,0,.62)}.test-page-hero cite{margin-top:12px;display:block;color:#f2b5dd;font:800 11px "Open Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.test-design-area{min-height:720px;padding:34px;position:relative;overflow:hidden;background:#fff}.test-canvas-guide{max-width:620px;margin:20px auto;padding:24px;display:grid;gap:8px;color:#6d6383;background:#f4f7ff;border:1px dashed #b39bc9;border-radius:14px;text-align:center}.test-canvas-guide strong{color:#26376f;font:600 28px "Playfair Display",serif}.test-canvas-guide span{font:400 13px/1.6 "Merriweather",serif}#test-canvas-items{position:absolute;inset:0;pointer-events:none}.test-canvas-item{min-width:180px;min-height:80px;padding:18px;position:absolute;z-index:2;pointer-events:auto;color:#26376f;background:#f4f7ff;border:1px solid #d8c9e8;border-radius:14px;box-shadow:0 12px 28px rgba(45,45,94,.1)}.test-text-item{width:340px}.test-text-item h2{margin:0 0 8px;font:600 30px "Playfair Display",serif}.test-text-item p{margin:0;font:400 13px/1.6 "Merriweather",serif}.test-button-item{min-width:0;min-height:0;padding:0;background:transparent;border:0;box-shadow:none}.test-button-item a{padding:13px 22px;display:inline-flex;color:#fff;background:linear-gradient(135deg,#ad3d96,#5c4aa8);border-radius:999px;font:800 13px "Open Sans",sans-serif;text-decoration:none;box-shadow:0 10px 24px rgba(76,49,137,.2)}.test-image-item{width:360px;height:220px;padding:0;overflow:hidden}.test-image-item img{width:100%;height:100%;display:block;object-fit:cover}.test-icon-item{width:160px;min-width:0;display:grid;place-items:center;gap:8px}.test-icon-item svg{width:72px;height:72px;stroke:#a74eae;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.test-icon-item span{font:700 13px "Open Sans",sans-serif}.test-page .interior-footer{margin:0}
@media(max-width:720px){.test-page-hero{min-height:520px;padding:230px 24px 40px;background-position:center top}.test-design-area{min-height:850px;padding:18px}.test-canvas-item{max-width:calc(100vw - 40px)}}

/* Sistema editorial compartido: audio opcional, Reftagger y catálogo de Escrituras. */
.ec-content-audio{margin:0 0 24px;padding:16px 18px;display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,420px);align-items:center;gap:20px;color:#26376f;background:linear-gradient(135deg,#fff,#f4effa);border:1px solid rgba(88,69,139,.17);border-radius:16px;box-shadow:0 10px 28px rgba(39,45,91,.06)}
.ec-content-audio>div{display:flex;align-items:center;gap:12px}.ec-content-audio>div>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(135deg,#8b58b2,#b63c9a);border-radius:50%;font:700 18px "Open Sans",sans-serif}.ec-content-audio p{margin:0;display:grid;gap:2px}.ec-content-audio small{color:#a83b91;font:800 9px "Open Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase}.ec-content-audio strong{font:600 16px/1.3 "Merriweather",serif}.ec-content-audio em{color:#6e7591;font:600 10px "Open Sans",sans-serif}.ec-content-audio audio{width:100%;height:38px}

.rtTooltip.rtLight{width:min(430px,calc(100vw - 24px))!important;max-width:min(430px,calc(100vw - 24px))!important;overflow:hidden!important;border:1px solid rgba(39,55,111,.16)!important;border-radius:16px!important;background:#fff!important;box-shadow:0 20px 52px rgba(22,34,80,.22)!important;color:#273668!important;font-family:"Open Sans",Arial,sans-serif!important}
.rtTooltip .rtContainer{padding:0!important;background:#fff!important}
.rtTooltip .rtTooltipHeader{padding:14px 19px 12px!important;color:#fffaf4!important;background:linear-gradient(90deg,#adb8dc 0%,#6673a7 45%,#26376f 100%)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.2)!important;font:800 13px/1.4 "Open Sans",Arial,sans-serif!important;letter-spacing:.01em!important}
.rtTooltip .rtTooltipBody{max-height:270px!important;padding:17px 20px 18px!important;overflow:auto!important;color:#1f326f!important;background:#fff!important;font:500 13px/1.72 "Open Sans",Arial,sans-serif!important;letter-spacing:0!important;word-spacing:normal!important;scrollbar-width:thin;scrollbar-color:rgba(79,91,142,.3) transparent}
.rtTooltip .rtTooltipBody p{margin:0 0 10px!important;padding:0!important;line-height:1.7!important}.rtTooltip .rtTooltipBody p:last-child{margin-bottom:0!important}
.rtTooltip .rtTooltipBody .ch-ref,.rtTooltip .rtTooltipBody .verse-ref{position:static!important;top:auto!important;display:inline!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;vertical-align:baseline!important}
.rtTooltip .rtTooltipBody .ec-tooltip-verse-number{position:relative!important;top:-.05em!important;display:inline-block!important;margin:0 .3em 0 0!important;color:#26376f!important;font-family:"Open Sans",Arial,sans-serif!important;font-size:.76em!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;vertical-align:.32em!important}
.rtTooltip .rtTooltipFooter{min-height:40px!important;padding:9px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;color:#1f326f!important;background:#d8dced!important;border:0!important;border-top:1px solid rgba(38,55,111,.2)!important}
.rtTooltip .rtTooltipBrandLink,.rtTooltip .rtTooltipMoreLink{position:static!important;margin:0!important}.rtTooltip .rtTooltipBrandLink a{display:flex!important;align-items:center!important;gap:5px!important}.rtTooltip .rtTooltipBrandLink span{font-size:8px!important}.rtTooltip .rtTooltipMoreLink{color:#6f3faf!important;font:800 10px/1.2 "Open Sans",Arial,sans-serif!important}

.bosquejos-library-page .commentary-catalog{padding:42px clamp(22px,5vw,76px) 46px}
.bosquejos-library-page .commentary-groups{gap:24px;border:0}
.bosquejos-library-page .commentary-group,
.bosquejos-library-page .commentary-group:nth-child(2n),
.bosquejos-library-page .commentary-group:nth-child(4n),
.bosquejos-library-page .commentary-group:nth-child(n+3),
.bosquejos-library-page .commentary-group:nth-child(odd):not(.catalog-church-letters){
  padding:28px 32px 32px;
  overflow:hidden;
  border:1px solid rgba(58,70,124,.15);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 16px 42px rgba(29,45,98,.075);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.bosquejos-library-page .commentary-group:hover{transform:translateY(-2px);border-color:rgba(164,73,166,.28);box-shadow:0 20px 48px rgba(29,45,98,.1)}
.bosquejos-library-page .commentary-group-title{padding-bottom:15px;border-bottom:1px solid rgba(58,70,124,.11)}
.bosquejos-library-page .commentary-group-title h2::after{display:none}
.bosquejos-library-page .commentary-book-list{margin:17px 0 0;gap:11px 28px}
.bosquejos-library-page .disabled-bible-book,
.bosquejos-library-page .genesis-library-link{padding:5px 7px;border-radius:8px;transition:background-color .15s ease,color .15s ease,transform .15s ease}
.bosquejos-library-page .genesis-library-link:hover{background:#f3eefa}.bosquejos-library-page .disabled-bible-book:hover{background:#f6f7fb}
@media(max-width:720px){.ec-content-audio{grid-template-columns:1fr;padding:15px}.bosquejos-library-page .commentary-catalog{padding:28px 14px 34px}.bosquejos-library-page .commentary-groups{gap:16px}.bosquejos-library-page .commentary-group,.bosquejos-library-page .commentary-group:nth-child(2n),.bosquejos-library-page .commentary-group:nth-child(3n){padding:23px 20px 26px;border:1px solid rgba(58,70,124,.15);border-radius:18px}.rtTooltip.rtLight{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}.rtTooltip .rtTooltipHeader{padding:13px 16px 11px!important}.rtTooltip .rtTooltipBody{max-height:240px!important;padding:15px 16px 16px!important;font-size:12.5px!important}.rtTooltip .rtTooltipBody .ec-tooltip-verse-number{margin-right:.28em!important}}

/* EC 70: catálogo compacto, iconos junto al título y estado sin ocupar espacio. */
.bosquejos-library-page .scripture-group-media{height:156px;margin:-28px -32px 20px;overflow:hidden;background:#dfe5f3;border-bottom:1px solid rgba(58,70,124,.13)}
.bosquejos-library-page .scripture-group-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.bosquejos-library-page .commentary-group-title{min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:0 0 12px;text-align:left}
.bosquejos-library-page .commentary-group-title>.catalog-icon{margin:0;flex:0 0 34px}
.bosquejos-library-page .commentary-group-title h2{width:auto;text-align:left}
.bosquejos-library-page .catalog-image-icon img{width:36px;height:36px;display:block;object-fit:contain}
.bosquejos-library-page .catalog-symbol-icon{font-size:31px;font-weight:750}
.bosquejos-library-page .commentary-book-list{margin-top:13px;gap:7px 28px}
.bosquejos-library-page .disabled-bible-book,
.bosquejos-library-page .genesis-library-link{min-height:28px;padding:4px 7px;position:relative;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;text-align:left;text-decoration:none}
.bosquejos-library-page .genesis-library-link{color:#263f87;background:rgba(243,238,250,.55);font-weight:650}
.bosquejos-library-page .genesis-library-link>span:first-child{color:#9b3e9b}
.bosquejos-library-page .genesis-library-link b{margin-left:auto;color:#7546aa;font:650 11px "Open Sans",sans-serif}
.bosquejos-library-page .disabled-bible-book{width:100%;color:rgba(49,67,116,.58);background:transparent;font:500 13px/1.3 "Merriweather",serif;cursor:pointer;opacity:1}
.bosquejos-library-page .disabled-bible-book>span:first-child{color:rgba(141,84,165,.5)}
.bosquejos-library-page .disabled-bible-book b{margin-left:auto;color:rgba(84,73,128,.55);font:600 10px "Open Sans",sans-serif}
.bosquejos-library-page .disabled-bible-book:hover,
.bosquejos-library-page .disabled-bible-book:focus{color:rgba(38,55,111,.82);background:#f6f4fa;outline:none}
.bosquejos-library-page .book-status{margin:0;padding:5px 8px;position:absolute;z-index:8;left:50%;bottom:calc(100% + 5px);transform:translate(-50%,4px);display:block;visibility:hidden;color:#fff;background:#3b4777;border-radius:6px;box-shadow:0 6px 18px rgba(28,37,78,.18);font:700 8px "Open Sans",sans-serif;letter-spacing:.025em;white-space:nowrap;text-transform:none;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s ease}
.bosquejos-library-page .disabled-bible-book:hover .book-status,
.bosquejos-library-page .disabled-bible-book:focus .book-status{visibility:visible;transform:translate(-50%,0);opacity:1}
@media(max-width:720px){.bosquejos-library-page .scripture-group-media{height:142px;margin:-23px -20px 18px}.bosquejos-library-page .commentary-group-title{min-height:0;gap:8px;padding-bottom:11px}.bosquejos-library-page .commentary-group-title>.catalog-icon{flex-basis:31px}.bosquejos-library-page .commentary-book-list{margin-top:11px;gap:6px}.bosquejos-library-page .disabled-bible-book,.bosquejos-library-page .genesis-library-link{min-height:30px}}

/* EC 76: el prototipo compacto pasa a ser el estándar de todo el catálogo. */
.bosquejos-library-page .scripture-group-media img{width:105%;max-width:none;margin-left:-2.5%}
@media(min-width:1101px){
  .bosquejos-library-page .commentary-groups{
    grid-template-columns:repeat(2,minmax(0,540px));
    justify-content:center;
  }
  .bosquejos-library-page .catalog-church-letters{grid-column:1/-1}
}
@media(min-width:721px){
  .bosquejos-library-page .commentary-groups{
    grid-template-columns:repeat(2,minmax(0,540px));
    justify-content:center;
  }
  .bosquejos-library-page .commentary-group,
  .bosquejos-library-page .commentary-group:nth-child(2n),
  .bosquejos-library-page .commentary-group:nth-child(4n),
  .bosquejos-library-page .commentary-group:nth-child(n+3),
  .bosquejos-library-page .commentary-group:nth-child(odd):not(.catalog-church-letters){
    padding:28px 32px 30px;
  }
  .bosquejos-library-page .scripture-group-media{margin:-28px -32px 20px}
  .bosquejos-library-page .commentary-group-title{
    gap:0;
    padding-bottom:11px;
  }
  .bosquejos-library-page .commentary-group-title>.catalog-icon{display:none}
  .bosquejos-library-page .commentary-group-title h2{
    width:100%;
    text-align:center;
    font-size:clamp(28px,2.2vw,32px);
    line-height:1.1;
  }
  .bosquejos-library-page .commentary-group:not(.catalog-vertical-two):not(.catalog-church-letters) .commentary-book-list{
    width:min(100%,420px);
    grid-template-columns:minmax(0,1fr);
    justify-content:center;
    justify-self:center;
  }
  .bosquejos-library-page .catalog-vertical-two .commentary-book-list{
    width:min(100%,500px);
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:clamp(27.48px,2.86225vw,38.93px);
    justify-content:center;
    justify-self:center;
  }
  .bosquejos-library-page .commentary-group-2.catalog-vertical-two .commentary-book-list{
    column-gap:clamp(48.66px,5.28vw,76px);
  }
  .bosquejos-library-page .catalog-church-letters .commentary-book-list{
    width:100%;
    grid-template-columns:repeat(4,minmax(0,1fr));
    column-gap:clamp(30px,4vw,58px);
    justify-content:center;
  }
  .bosquejos-library-page .disabled-bible-book,
  .bosquejos-library-page .genesis-library-link{
    width:100%;
    max-width:100%;
  }
  .bosquejos-library-page .disabled-bible-book b,
  .bosquejos-library-page .genesis-library-link b{
    margin-left:auto;
    padding-left:9px;
  }
}

/* EC 69: documentos grandes, limpios y navegables únicamente con flechas. */
.published-word-document.document-page-viewer{width:100%;position:relative;outline:none}
.document-page-stage{width:100%;height:auto;min-height:0;padding:0;position:relative;display:block;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
.document-page-viewer .protected-pages{width:100%;height:auto;display:block;gap:0}
.document-page-viewer .protected-page{width:100%;max-width:none;max-height:none;margin:0;position:relative;display:block;scroll-margin-top:0}
.document-page-viewer .protected-page[hidden]{display:none!important}
.document-page-viewer .protected-page>img{width:100%;max-width:100%;height:auto;max-height:none;display:block;object-fit:contain;background:#fff;border:1px solid rgba(43,55,107,.12);box-shadow:0 12px 34px rgba(24,35,82,.12)}
.document-page-arrow{width:48px;height:82px;padding:0;position:absolute;z-index:6;top:50%;display:grid;place-items:center;transform:translateY(-50%);color:rgba(38,55,111,.42);background:transparent;border:0;border-radius:0;box-shadow:none;cursor:pointer;transition:.16s ease}
.document-page-arrow svg{width:34px;height:52px;display:block;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.document-page-arrow.previous{left:8px}.document-page-arrow.next{right:8px}.document-page-arrow:hover:not(:disabled),.document-page-arrow:focus-visible{color:#7043a0;background:rgba(255,255,255,.72);outline:none;transform:translateY(-50%) scale(1.04)}.document-page-arrow:disabled{cursor:default;opacity:.2}
.document-page-viewer:focus-visible .document-page-stage{outline:3px solid rgba(197,84,155,.42);outline-offset:3px}
@media(max-width:720px){.document-page-stage{padding:0}.document-page-viewer .protected-page>img{max-height:none}.document-page-arrow{width:34px;height:64px}.document-page-arrow svg{width:25px;height:40px;stroke-width:1.25}.document-page-arrow.previous{left:2px}.document-page-arrow.next{right:2px}}

/* Editor EC 2026-08-23: un solo estándar para todos los encabezados interiores. */
.commentary-library-page .interior-header,
.published-resource-page .interior-header,
.life-group-page .interior-header{
  height:102px!important;
  min-height:102px!important;
  padding:9px clamp(28px,4.2vw,68px)!important;
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto!important;
  align-items:center!important;
  gap:40px!important;
  background:linear-gradient(90deg,#adb8dc 0%,#6673a7 45%,#26376f 100%)!important;
  border:0!important;
}
.commentary-library-page .interior-header .official-logo,
.published-resource-page .interior-header .official-logo,
.life-group-page .interior-header .official-logo{width:300px!important;height:80px!important}
.commentary-library-page .interior-nav,
.published-resource-page .interior-nav,
.life-group-page .interior-nav{height:100%!important;display:flex!important;align-items:center!important;gap:clamp(18px,2.5vw,38px)!important}
.commentary-library-page .interior-nav a,
.published-resource-page .interior-nav a,
.life-group-page .interior-nav a{height:100%!important;padding:0!important;display:flex!important;align-items:center!important;color:#fffaf4!important;border:0!important;font:600 14px "Merriweather",serif!important}
.commentary-library-page .interior-nav a:hover,
.published-resource-page .interior-nav a:hover,
.life-group-page .interior-nav a:hover{color:#ffd3ec!important}

/* Las Escrituras y los 66 libros conservan el mismo azul luminoso. */
.bosquejos-library-page,
.bosquejos-library-page main,
.bosquejos-library-page .commentary-catalog,
.bosquejos-library-page .genesis-library,
.bosquejos-library-page .genesis-connection-tree{background:#f4f7ff!important}
.bosquejos-library-page .section-hero{
  background-color:#24170f!important;
  background-image:linear-gradient(90deg,rgba(24,31,65,.97) 0%,rgba(27,37,77,.91) 29%,rgba(29,40,81,.55) 49%,rgba(29,40,81,.08) 69%),url("uploads/emmaus-hero-las-escrituras.jpg")!important;
  background-position:73% center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

/* Grupo de Vida: imagen nítida, cuadro y árbol visibles, texto sobre el espacio libre. */
.life-group-hero{
  min-height:clamp(520px,58vh,610px)!important;
  padding:34px clamp(38px,6vw,104px)!important;
  background-color:#aaa4d8!important;
  background-image:url("grupo-de-vida-hero-juan-5-39-v2.png")!important;
  background-size:auto 100%!important;
  background-position:left center!important;
  background-repeat:no-repeat!important;
}
.life-group-copy{width:min(570px,41vw)!important}
@media(max-width:880px){
  .commentary-library-page .interior-header,.published-resource-page .interior-header,.life-group-page .interior-header{height:78px!important;min-height:78px!important;padding:5px 14px!important;grid-template-columns:1fr auto!important;gap:12px!important}
  .commentary-library-page .interior-header .official-logo,.published-resource-page .interior-header .official-logo,.life-group-page .interior-header .official-logo{width:230px!important;height:62px!important}
  .commentary-library-page .interior-nav,.published-resource-page .interior-nav,.life-group-page .interior-nav{gap:14px!important}
  .commentary-library-page .interior-nav a,.published-resource-page .interior-nav a,.life-group-page .interior-nav a{font-size:10px!important}
  .life-group-hero{min-height:auto!important;padding:58vw 22px 32px!important;background-size:auto 58vw!important;background-position:left top!important}
  .life-group-copy{width:100%!important;padding:25px!important;background:rgba(246,243,252,.94)!important;border-radius:20px!important}
}
/* Editor-owned semantic colors for every Bible book page. */
.genesis-hub-page main,
.genesis-hub-page .genesis-library { background: var(--book-page-background, #f4f7ff); color: var(--book-page-text, #173574); }
.genesis-hub-page .genesis-about h2,
.genesis-hub-page .genesis-group h2,
.genesis-hub-page .genesis-about h3 { color: var(--book-page-text, #173574); }
.genesis-hub-page .genesis-star,
.genesis-hub-page .genesis-group-icon,
.genesis-hub-page .genesis-about > article > span,
.genesis-hub-page .chapter-number { color: var(--book-page-accent, #8b55d9); }

.life-group-page { --life-group-text: #173574; --life-group-accent: #7b48a8; }
.life-group-page .life-group-copy { color: var(--life-group-text); }
.life-group-page .life-group-invitation,
.life-group-page .life-group-copy > .eyebrow { color: var(--life-group-accent); }
.life-group-page .life-group-details article > span,
.life-group-page .life-group-contact { background: var(--life-group-accent); }
.life-group-page .life-group-method { color: var(--life-group-accent); background: transparent; border-color: color-mix(in srgb, var(--life-group-accent) 45%, transparent); }

/* Grupo de Vida 2.0 — portada dividida y contenido sin superposición. */
.life-group-page .life-group-main{display:block!important;background:#f4f7ff}
.life-group-page .life-group-hero{
  min-height:0!important;
  height:clamp(310px,21vw,390px)!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,58%) minmax(0,42%)!important;
  align-items:stretch!important;
  background:none!important;
}
.life-group-page .life-group-photo{
  min-width:0;
  background-color:#9e99ca;
  background-image:url("grupo-de-vida-hero-juan-5-39-v2.png");
  background-size:auto 100%;
  background-position:left center;
  background-repeat:no-repeat;
}
.life-group-page .life-group-verse-panel{
  padding:clamp(34px,4vw,72px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fffaf4;
  background:linear-gradient(135deg,#343f82 0%,#5b4a9c 58%,#8a4fa5 100%);
}
.life-group-page .life-group-verse-panel>p{margin:0 0 20px;color:#f2b7df;font:800 11px "Open Sans",sans-serif;letter-spacing:.18em;text-transform:uppercase}
.life-group-page .life-group-verse-panel blockquote{max-width:580px;margin:0;color:#fffaf4;font:italic 500 clamp(19px,1.65vw,28px)/1.58 "Merriweather",serif}
.life-group-page .life-group-verse-panel cite{margin-top:22px;color:#f4c7e8;font:800 12px "Open Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase}
.life-group-page .life-group-information{padding:44px clamp(32px,6vw,105px) 48px;background:#f4f7ff}
.life-group-page .life-group-copy{
  width:100%!important;
  max-width:1480px;
  margin:0 auto;
  padding:0!important;
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(580px,1.55fr);
  grid-template-areas:"heading details" "message details" "button details";
  column-gap:clamp(44px,6vw,96px);
  row-gap:12px;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.life-group-page .life-group-heading{grid-area:heading;align-self:start}
.life-group-page .life-group-heading>.eyebrow{margin:5px 0 9px;color:var(--life-group-accent);font-size:11px;letter-spacing:.17em}
.life-group-page .life-group-heading>h1{margin:0;color:var(--life-group-text);font:700 clamp(50px,4.5vw,72px)/1 "Playfair Display",serif;letter-spacing:-.035em}
.life-group-page .life-group-invitation{font-size:clamp(28px,2.7vw,44px)}
.life-group-page .life-group-method{margin:18px 0 0;padding:0 0 12px;font-size:12px}
.life-group-page .life-group-details{grid-area:details;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-self:center}
.life-group-page .life-group-details article{min-height:150px;padding:24px 20px;display:grid;grid-template-columns:44px 1fr;align-content:center;gap:13px;background:rgba(255,255,255,.68);border:1px solid #d7d9eb;border-radius:16px;box-shadow:0 10px 28px rgba(45,53,104,.07)}
.life-group-page .life-group-details article>span{width:42px;height:42px}
.life-group-page .life-group-details strong{font-size:clamp(16px,1.25vw,21px);line-height:1.35}
.life-group-page .life-group-message{grid-area:message;margin:5px 0 0;font-size:14px}
.life-group-page .life-group-contact{grid-area:button;justify-self:start;align-self:start;margin:0}
@media(max-width:1050px){
  .life-group-page .life-group-copy{grid-template-columns:1fr;grid-template-areas:"heading" "details" "message" "button"}
  .life-group-page .life-group-details{margin-top:18px}
}
@media(max-width:760px){
  .life-group-page .life-group-hero{height:auto!important;grid-template-columns:1fr!important}
  .life-group-page .life-group-photo{min-height:270px;background-size:auto 100%;background-position:left center}
  .life-group-page .life-group-verse-panel{min-height:300px;padding:34px 27px}
  .life-group-page .life-group-information{padding:34px 20px 40px}
  .life-group-page .life-group-details{grid-template-columns:1fr}
  .life-group-page .life-group-details article{min-height:104px}
}

/* Grupo de Vida 3.0 — invitación amplia, cálida y completamente editable. */
.life-group-page{
  --life-group-surface:#f3f5ff;
  --life-group-deep:#173574;
  --life-group-purple:#7042a4;
  --life-group-pink:#c94f9f;
  background:var(--life-group-surface)!important;
}
.life-group-page .life-group-main{display:block!important;background:var(--life-group-surface)!important}
.life-group-page .life-group-hero{
  position:relative!important;
  isolation:isolate;
  width:100%!important;
  height:clamp(440px,31vw,570px)!important;
  min-height:440px!important;
  display:block!important;
  padding:0!important;
  overflow:hidden;
  background:#6f5c8f!important;
}
.life-group-page .life-group-photo{
  position:absolute;
  inset:0;
  z-index:-2;
  min-height:0!important;
  background-image:url("grupo-de-vida-hero-juan-5-39-v2.png");
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:left center;
  transform:scale(1.003);
}
.life-group-page .life-group-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 0%,transparent 49%,rgba(22,20,62,.08) 59%,rgba(22,24,72,.3) 100%);
}
.life-group-page .life-group-verse-panel{
  position:absolute!important;
  top:50%;
  right:clamp(42px,7vw,140px);
  width:min(620px,39vw);
  min-height:0!important;
  padding:0!important;
  display:block!important;
  transform:translateY(-50%);
  color:#fff!important;
  background:transparent!important;
  text-align:left;
  text-shadow:0 2px 18px rgba(17,19,57,.34);
}
.life-group-page .life-group-verse-panel>p{margin:0 0 18px!important;color:var(--life-verse-label-color,#173574);font-size:var(--life-verse-label-size,12px);letter-spacing:.21em!important}
.life-group-page .life-group-verse-panel blockquote{max-width:620px!important;margin:0!important;color:var(--life-verse-text-color,#dce6ff);font:italic 600 var(--life-verse-text-size,24px)/1.55 "Merriweather",serif}
.life-group-page .life-group-verse-panel cite{display:block;margin-top:22px!important;color:var(--life-verse-reference-color,#173574);font-size:var(--life-verse-reference-size,12px);letter-spacing:.17em!important}
.life-group-page .life-group-information{
  min-height:clamp(560px,34vw,680px);
  padding:clamp(52px,5vw,82px) clamp(30px,6vw,110px) clamp(62px,6vw,94px)!important;
  background:
    radial-gradient(circle at 4% 8%,rgba(203,83,163,.1),transparent 26%),
    radial-gradient(circle at 96% 90%,rgba(83,94,174,.13),transparent 30%),
    linear-gradient(135deg,#f9f7ff 0%,#f1f4ff 47%,#edf2ff 100%)!important;
}
.life-group-page .life-group-copy{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(290px,.78fr) minmax(560px,1.55fr)!important;
  grid-template-areas:"heading details" "message details" "actions actions"!important;
  column-gap:clamp(50px,6vw,104px)!important;
  row-gap:24px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.life-group-page .life-group-heading{grid-area:heading!important}
.life-group-page .life-group-invitation{
  margin:0 0 7px!important;
  color:var(--life-group-accent)!important;
  background:linear-gradient(100deg,var(--life-group-purple),var(--life-group-pink));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size:clamp(36px,3vw,50px)!important;
  filter:drop-shadow(0 7px 18px rgba(111,66,164,.12));
}
.life-group-page .life-group-heading>.eyebrow{margin:0 0 9px!important;color:#b13f92!important;font-size:11px!important}
.life-group-page .life-group-heading>h1{
  font-size:clamp(44px,3.9vw,64px)!important;
  color:var(--life-group-text)!important;
  white-space:nowrap;
}
.life-group-page .life-group-method{margin-top:20px!important;padding-bottom:13px!important;color:var(--life-group-accent)!important}
.life-group-page .life-group-details{grid-area:details!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.life-group-page .life-group-details article{
  min-height:168px!important;
  padding:26px 22px!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  justify-content:center;
  gap:15px!important;
  background:rgba(255,255,255,.8)!important;
  border:1px solid rgba(102,90,162,.18)!important;
  border-radius:22px!important;
  box-shadow:0 18px 44px rgba(45,53,104,.08)!important;
}
.life-group-page .life-group-details article>span{width:44px!important;height:44px!important;background:linear-gradient(145deg,var(--life-group-purple),var(--life-group-pink))!important}
.life-group-page .life-group-details strong{font-size:clamp(18px,1.3vw,23px)!important}
.life-group-page .life-group-message{grid-area:message!important;margin:0!important;color:#4e416d!important;font-size:16px!important;line-height:1.7!important}
.life-group-page .life-group-actions{grid-area:actions;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:12px}
.life-group-page .life-group-action-card{
  min-height:280px;
  padding:30px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  border:1px solid rgba(97,84,153,.18);
  border-radius:24px;
  background:rgba(255,255,255,.8);
  box-shadow:0 18px 46px rgba(43,48,98,.08);
}
.life-group-page .life-group-action-card.featured{background:linear-gradient(145deg,#fff6fd,#f3efff);border-color:rgba(190,69,153,.25)}
.life-group-page .life-action-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:20px;color:#fff;background:linear-gradient(145deg,var(--life-group-purple),var(--life-group-pink));border-radius:50%;font:700 23px "Open Sans",sans-serif;box-shadow:0 10px 24px rgba(100,58,152,.2)}
.life-group-page .life-group-action-card h2{margin:0 0 11px;color:var(--life-group-text);font:700 clamp(23px,1.65vw,29px)/1.18 "Playfair Display",serif}
.life-group-page .life-group-action-card p{margin:0 0 24px;color:#514a70;font:500 15px/1.65 "Open Sans",sans-serif}
.life-group-page .life-action-button{margin-top:auto;padding:12px 20px;color:#fff;background:linear-gradient(105deg,var(--life-group-purple),#9a4eaa);border:0;border-radius:999px;box-shadow:0 10px 22px rgba(92,61,151,.2);font:800 13px "Open Sans",sans-serif;cursor:pointer}
.life-group-page .life-action-button:hover,.life-group-page .life-action-button:focus-visible{transform:translateY(-2px);filter:brightness(1.06)}

.life-dialog{width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:1px solid rgba(106,79,157,.25);border-radius:26px;color:#173574;background:#faf9ff;box-shadow:0 36px 100px rgba(24,25,66,.34)}
.life-dialog::backdrop{background:rgba(18,20,54,.7);backdrop-filter:blur(7px)}
.life-dialog-form{position:relative;padding:clamp(30px,5vw,58px);background:radial-gradient(circle at 100% 0,rgba(196,82,166,.12),transparent 36%),linear-gradient(145deg,#fff,#f5f3ff)}
.life-dialog-close{position:absolute;top:16px;right:18px;width:42px;height:42px;border:1px solid #d9d3e7;border-radius:50%;color:#513b78;background:#fff;font:400 27px/1 sans-serif;cursor:pointer}
.life-dialog-kicker{margin:0 0 8px;color:#b04193;font:800 11px "Open Sans",sans-serif;letter-spacing:.17em;text-transform:uppercase}
.life-dialog h2{margin:0 50px 12px 0;color:#173574;font:700 clamp(34px,4vw,52px)/1.06 "Playfair Display",serif}
.life-dialog p{color:#514a70;font:500 15px/1.65 "Open Sans",sans-serif}
.life-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.life-form-grid .wide{grid-column:1/-1}
.life-form-grid>label{display:grid;gap:7px;color:#303b70;font:800 12px "Open Sans",sans-serif;letter-spacing:.02em}
.life-form-grid input,.life-form-grid textarea{width:100%;padding:13px 14px;border:1px solid #ccc9df;border-radius:12px;color:#1e2f69;background:#fff;font:500 15px/1.5 "Open Sans",sans-serif}.life-form-grid textarea{resize:vertical}
.life-form-grid input:focus,.life-form-grid textarea:focus{outline:3px solid rgba(177,63,146,.16);border-color:#a64a99}
.life-form-grid fieldset{padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px 22px;border:1px solid #d5d0e4;border-radius:14px;background:rgba(255,255,255,.65)}
.life-form-grid legend{padding:0 7px;color:#303b70;font:800 12px "Open Sans",sans-serif}.life-form-grid fieldset label{display:flex;align-items:center;gap:8px;color:#514a70;font:700 13px "Open Sans",sans-serif}.life-form-grid fieldset input{width:auto;accent-color:#8b49a7}
.life-form-note{margin:18px 0 0;padding:12px 14px;border-left:3px solid #b7499d;background:#f4effa;font-size:12px!important}
.life-form-submit{margin-top:20px;padding:14px 24px;border:0;border-radius:999px;color:#fff;background:linear-gradient(105deg,#6d42a2,#b54198);box-shadow:0 12px 28px rgba(87,54,145,.22);font:800 14px "Open Sans",sans-serif;cursor:pointer}
.life-encouragement{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.life-encouragement blockquote{margin:0;padding:16px;border:1px solid #ded7e9;border-radius:15px;color:#3e3a67;background:rgba(255,255,255,.72);font:italic 500 13px/1.55 "Merriweather",serif}.life-encouragement cite{display:block;margin-top:8px;color:#9d3f8a;font:800 10px "Open Sans",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.life-visit-meeting{margin:22px 0;padding:18px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid #d7d0e5;border-radius:16px;background:#fff}.life-visit-meeting span{color:#a44091;font:800 10px "Open Sans",sans-serif;text-transform:uppercase;letter-spacing:.12em}.life-visit-meeting strong{font:700 20px "Merriweather",serif}.life-visit-meeting small{font:700 13px "Open Sans",sans-serif}

@media(max-width:1050px){
  .life-group-page .life-group-copy{grid-template-columns:1fr!important;grid-template-areas:"heading" "details" "message" "actions"!important}
  .life-group-page .life-group-details{margin-top:4px!important}
}
@media(max-width:820px){
  .life-group-page .life-group-hero{height:560px!important;min-height:560px!important}
  .life-group-page .life-group-photo{background-size:auto 100%!important;background-position:left center!important}
  .life-group-page .life-group-hero::after{background:linear-gradient(180deg,transparent 0%,rgba(20,20,59,.05) 48%,rgba(20,22,64,.72) 100%)}
  .life-group-page .life-group-verse-panel{top:auto!important;right:24px!important;bottom:32px!important;left:24px!important;width:auto!important;transform:none!important}
  .life-group-page .life-group-verse-panel blockquote{font-size:var(--life-verse-text-size,18px);line-height:1.5!important}
  .life-group-page .life-group-details,.life-group-page .life-group-actions{grid-template-columns:1fr!important}
  .life-group-page .life-group-details article{min-height:118px!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}
  .life-group-page .life-group-action-card{min-height:235px}
  .life-form-grid{grid-template-columns:1fr}.life-form-grid .wide{grid-column:auto}.life-encouragement{grid-template-columns:1fr}.life-visit-meeting{grid-template-columns:1fr}
}
@media(max-width:560px){
  .life-group-page .interior-header{padding:4px 10px!important;gap:9px!important;overflow:hidden}
  .life-group-page .interior-header .official-logo{width:175px!important;height:54px!important}
  .life-group-page .interior-nav{gap:9px!important}
  .life-group-page .interior-nav a{font-size:8.5px!important;white-space:nowrap}
  .life-group-page .life-group-hero{height:500px!important;min-height:500px!important}
  .life-group-page .life-group-information{padding:38px 16px 48px!important}
  .life-group-page .life-group-heading>h1{font-size:42px!important;white-space:nowrap}
  .life-group-page .life-group-invitation{font-size:35px!important}
  .life-dialog{width:calc(100vw - 18px);max-height:calc(100vh - 18px);border-radius:19px}.life-dialog-form{padding:31px 20px}.life-dialog h2{font-size:34px}.life-form-grid fieldset{display:grid}
}

/* Camino a Emaús: los tres caminantes permanecen visibles en cualquier pantalla. */
@media(max-width:720px){
  .bosquejos-library-page .section-hero{
    min-height:680px!important;
    padding:330px 24px 44px!important;
    align-items:flex-start!important;
    background-color:#1d2b58!important;
    background-image:
      linear-gradient(180deg,rgba(22,31,66,0) 0%,rgba(22,31,66,.04) 34%,rgba(24,34,70,.84) 49%,#1d2b58 60%,#1d2b58 100%),
      url("uploads/emmaus-hero-las-escrituras.jpg")!important;
    background-size:100% 100%,auto 330px!important;
    background-position:center,75% top!important;
    background-repeat:no-repeat!important;
  }
  .bosquejos-library-page .section-hero::after{display:none!important}
}
.life-form-consent{display:flex;align-items:flex-start;gap:.65rem;margin:1rem 0;color:#29375f;font-size:.93rem;line-height:1.45}.life-form-consent input{flex:0 0 auto;width:1.1rem;height:1.1rem;margin-top:.15rem;accent-color:#7445aa}.life-consent-copy{display:block;min-width:0}.life-consent-purpose,.life-consent-privacy{display:block;margin:0}.life-consent-privacy{margin-top:.38rem;color:#344273}.life-consent-copy .ec-name,.life-consent-copy .ec-signature{white-space:nowrap}.life-consent-copy .ec-signature{display:inline-block;margin-left:.28rem;color:#173574;font-weight:800}.life-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.life-turnstile{min-height:65px;margin:.8rem 0}.life-form-status{min-height:1.45rem;margin:.65rem 0;font-weight:700}.life-form-status.success{color:#17623d}.life-form-status.error{color:#a12549}.life-form-status.sending{color:#694394}.life-form-submit:disabled{opacity:.55;cursor:not-allowed}
.life-group-page .life-group-verse-panel>p{
  color:var(--life-verse-label-color,#afcbff);
  font-size:var(--life-verse-label-size,12px);
}
.life-group-page .life-group-verse-panel blockquote{
  color:var(--life-verse-text-color,#dce6ff);
  font-size:var(--life-verse-text-size,24px);
  text-shadow:0 2px 14px rgba(11,15,46,.48)
}
.life-group-page .life-group-verse-panel cite{
  color:var(--life-verse-reference-color,#afcbff);
  font-size:var(--life-verse-reference-size,12px);
}

/* Navegación 2026-08-25: un solo menú en Inicio y un pie limpio y uniforme. */
.permanent-home .site-header{
  grid-template-columns:minmax(280px,1fr) auto!important;
}
.permanent-home .header-nav{
  justify-self:end;
  justify-content:flex-end;
  gap:clamp(14px,1.45vw,28px);
}
.permanent-home .header-nav a{font-size:12px;white-space:nowrap}
.permanent-home .topic-bar{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}
.permanent-home .topic-bar .site-meta{
  width:100%;
  min-height:82px;
  padding:20px clamp(28px,5vw,70px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,auto));
  justify-content:space-between;
  align-items:center;
  gap:24px;
  color:#1f326f;
  background:#d8dced;
  border-top:2px solid rgba(102,115,167,.42);
  font:650 13px/1.5 "Open Sans",sans-serif;
}
.permanent-home .topic-bar .site-meta a,
.permanent-home .topic-bar .site-meta p{color:#1f326f}
.permanent-home .topic-bar .site-meta a:hover{color:#9a357e}

.life-group-page .life-group-copy{
  grid-template-areas:"heading details" "message details" "notice notice"!important;
}
.life-group-page .life-group-visit-notice{
  grid-area:notice;
  margin-top:14px;
  padding:clamp(24px,3vw,38px);
  display:grid;
  grid-template-columns:auto 1fr;
  gap:22px;
  align-items:start;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(97,84,153,.18);
  border-radius:24px;
  box-shadow:0 18px 46px rgba(43,48,98,.08);
}
.life-group-page .life-group-visit-notice h2{margin:0 0 10px;color:#173574;font:700 clamp(25px,2vw,34px)/1.18 "Playfair Display",serif}
.life-group-page .life-group-visit-notice p{margin:0 0 20px;color:#514a70;font:500 15px/1.7 "Open Sans",sans-serif}
.life-group-page .life-group-visit-notice .life-action-button{display:inline-flex;text-decoration:none}

@media(max-width:1120px){
  .permanent-home .site-header{grid-template-columns:1fr!important;height:auto!important;gap:4px!important}
  .permanent-home .header-nav{width:100%;overflow-x:auto;justify-self:stretch;justify-content:flex-start;scrollbar-width:none}
  .permanent-home .header-nav::-webkit-scrollbar{display:none}
}
@media(max-width:820px){
  .permanent-home .topic-bar .site-meta{grid-template-columns:1fr 1fr;text-align:center}
  .life-group-page .life-group-copy{grid-template-areas:"heading" "details" "message" "notice"!important}
}
@media(max-width:560px){
  .permanent-home .topic-bar .site-meta{grid-template-columns:1fr;gap:11px;padding:20px}
  .life-group-page .life-group-visit-notice{grid-template-columns:1fr}
}

/* Uniformidad final: Inicio usa exactamente la navegación y el pie de las páginas interiores. */
.permanent-home .site-header,
.interior-page .interior-header{
  min-height:102px!important;
  padding:9px clamp(28px,4.2vw,68px)!important;
  display:grid!important;
  grid-template-columns:minmax(280px,1fr) auto!important;
  align-items:center!important;
  gap:40px!important;
}
.permanent-home .header-nav,
.interior-page .interior-nav{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(18px,2.5vw,38px)!important;
}
.permanent-home .header-nav a,
.interior-page .interior-nav a{
  height:100%!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  color:#fffaf4!important;
  border:0!important;
  white-space:nowrap!important;
  font:600 14px "Merriweather",serif!important;
  text-shadow:0 1px 10px rgba(21,31,75,.2)!important;
}
.permanent-home .header-nav a:hover,
.permanent-home .header-nav a:focus-visible,
.interior-page .interior-nav a:hover,
.interior-page .interior-nav a:focus-visible{
  color:#ffd3ec!important;
  border:0!important;
}
.permanent-home .tomb-preview .hero-copy{
  position:relative;
  top:clamp(38px,5vh,64px);
  justify-content:center;
  padding-top:clamp(32px,5.5vh,72px);
  padding-bottom:clamp(32px,5.5vh,72px);
  transform:none!important;
}
.permanent-home .home-footer{
  min-height:82px;
  margin:0;
  padding:20px clamp(28px,5vw,70px);
  display:flex!important;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:30;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#1f326f;
  background:#d8dced;
  border-top:2px solid rgba(102,115,167,.42);
  font:650 13px/1.5 "Open Sans",sans-serif;
}
.permanent-home .home-footer p{margin:0;color:#1f326f}
.permanent-home .home-footer a{color:#1f326f;font-weight:750}
.permanent-home .home-footer a:hover,
.permanent-home .home-footer a:focus-visible{color:#9a357e}
.permanent-home .home-footer .permanent-visitor-count span{color:#9a357e}

@media(max-width:1120px){
  .permanent-home .site-header,
  .interior-page .interior-header{grid-template-columns:1fr!important;height:auto!important;gap:4px!important}
  .permanent-home .header-nav,
  .interior-page .interior-nav{width:100%!important;overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:none}
  .permanent-home .header-nav::-webkit-scrollbar,
  .interior-page .interior-nav::-webkit-scrollbar{display:none}
}
@media(max-width:880px){
  .permanent-home .site-header,
  .interior-page .interior-header{min-height:78px!important;padding:5px 14px!important;grid-template-columns:1fr auto!important;gap:12px!important}
  .permanent-home .header-nav,
  .interior-page .interior-nav{gap:14px!important}
  .permanent-home .header-nav a,
  .interior-page .interior-nav a{font-size:10px!important}
  .permanent-home .tomb-preview .hero-copy{top:34px;transform:none!important}
  .permanent-home .home-footer{min-height:120px;padding:18px;flex-wrap:wrap;justify-content:center;text-align:center;font-size:11px}
}
@media(max-width:560px){
  .permanent-home .header-nav,
  .interior-page .interior-nav{gap:9px!important}
  .permanent-home .header-nav a,
  .interior-page .interior-nav a{font-size:8.5px!important}
  .permanent-home .home-footer{gap:9px 18px}
  .permanent-home .home-footer>*{flex:1 1 42%}
}


/* =========================================================
   EC móvil corregido V2
   IMPORTANTE: no redimensiona ni oculta el logo.
   Conserva el header original y solo cambia la navegación móvil.
   ========================================================= */
@media (max-width:820px){

  /* Menú: el header/logo original permanece intacto */
  .permanent-home .header-nav,
  .interior-page .interior-nav{
    display:none!important;
  }

  .permanent-home .header-nav.ec-mobile-nav.is-open,
  .interior-page .interior-nav.ec-mobile-nav.is-open{
    display:flex!important;
    position:absolute!important;
    top:calc(100% + 6px)!important;
    left:12px!important;
    right:12px!important;
    z-index:99999!important;
    width:auto!important;
    height:auto!important;
    max-height:calc(100vh - 115px)!important;
    margin:0!important;
    padding:10px!important;
    overflow:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:2px!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:16px!important;
    background:linear-gradient(145deg,rgba(37,55,116,.99),rgba(22,40,92,.99))!important;
    box-shadow:0 18px 44px rgba(7,18,55,.34)!important;
    backdrop-filter:blur(14px)!important;
  }

  .ec-mobile-nav.is-open a{
    display:block!important;
    width:100%!important;
    padding:12px 14px!important;
    color:#fff!important;
    border:0!important;
    border-radius:10px!important;
    font-size:13px!important;
    line-height:1.25!important;
    text-align:left!important;
    white-space:normal!important;
  }

  .ec-mobile-nav.is-open a.active,
  .ec-mobile-nav.is-open a:hover,
  .ec-mobile-nav.is-open a:focus-visible{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
  }

  .ec-mobile-menu-toggle{
    position:absolute!important;
    right:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:100000!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:12px!important;
    background:rgba(20,38,92,.24)!important;
    color:#fff!important;
    font:500 25px/1 system-ui,sans-serif!important;
    box-shadow:none!important;
  }

  /* Las Escrituras: MISMO diseño que ya tenía, solo menos azul vacío */
  .bosquejos-library-page .section-hero{
    min-height:auto!important;
    padding:330px 24px 34px!important;
    align-items:flex-start!important;
    background-color:#1d2b58!important;
    background-image:
      linear-gradient(180deg,rgba(22,31,66,0) 0%,rgba(22,31,66,.04) 34%,rgba(24,34,70,.84) 49%,#1d2b58 60%,#1d2b58 100%),
      url("uploads/emmaus-hero-las-escrituras.jpg")!important;
    background-size:100% 100%,auto 330px!important;
    background-position:center,75% top!important;
    background-repeat:no-repeat!important;
  }
  .bosquejos-library-page .section-hero-copy>p:last-child{
    margin-bottom:0!important;
  }

  /* Quitar solo los iconos decorativos de las categorías */
  .bosquejos-library-page .commentary-group-title>span{
    display:none!important;
  }
  .bosquejos-library-page .commentary-group-title{
    gap:0!important;
  }
}

@media (max-width:480px){
  .bosquejos-library-page .section-hero{
    padding-top:300px!important;
    background-size:100% 100%,auto 300px!important;
  }
}

@media (min-width:821px){
  .bosquejos-library-page .section-hero{
    background-image:url("uploads/emmaus-hero-las-escrituras.jpg")!important;
    background-position:center 48%!important;
    align-items:flex-end!important;
    padding-bottom:44px!important;
  }
  .commentary-library-page .section-hero::before,
  .bosquejos-library-page .section-hero::before{
    display:none!important;
  }
  .genesis-hero{
    background-image:var(--ec-book-hero-image,url("genesis-hero-v2.png"))!important;
  }
  .bosquejos-library-page .section-hero h1,
  .bosquejos-library-page .section-hero-copy>p:last-child,
  .genesis-hero-copy h1,
  .genesis-hero-copy p{
    text-shadow:0 2px 12px rgba(5,9,24,.72),0 1px 3px rgba(5,9,24,.9)!important;
  }
}

@media (min-width:821px){
  .ec-mobile-menu-toggle{display:none!important}
}

/* EC 77: categorías de Las Escrituras con la proporción visual de Convicciones. */
@media (min-width:721px){
  .bosquejos-library-page .commentary-groups{
    grid-template-columns:repeat(2,minmax(0,520px));
    gap:24px;
  }
  .bosquejos-library-page .commentary-group,
  .bosquejos-library-page .commentary-group:nth-child(2n),
  .bosquejos-library-page .commentary-group:nth-child(4n),
  .bosquejos-library-page .commentary-group:nth-child(n+3),
  .bosquejos-library-page .commentary-group:nth-child(odd):not(.catalog-church-letters){
    padding:26px 26px 22px;
  }
  .bosquejos-library-page .scripture-group-media{
    width:auto;
    height:auto;
    aspect-ratio:1.975 / 1;
    margin:-26px -26px 14px;
  }
  .bosquejos-library-page .scripture-group-media img{
    width:100%;
    height:100%;
    max-width:none;
    margin:0;
    object-fit:cover;
    object-position:center top;
  }
  .bosquejos-library-page .commentary-group-title{padding-bottom:9px}
  .bosquejos-library-page .commentary-book-list{margin-top:10px;gap:7px 28px}
  .bosquejos-library-page .commentary-group:not(.catalog-vertical-two):not(.catalog-church-letters) .commentary-book-list,
  .bosquejos-library-page .catalog-vertical-two .commentary-book-list{
    width:100%;
  }
  .bosquejos-library-page .catalog-vertical-two .commentary-book-list,
  .bosquejos-library-page .commentary-group-2.catalog-vertical-two .commentary-book-list{
    column-gap:54px;
  }
  .bosquejos-library-page .catalog-church-letters{
    width:100%;
    max-width:100%;
    grid-column:1/-1;
    justify-self:center;
    display:block;
  }
  .bosquejos-library-page .catalog-church-letters .scripture-group-media{
    width:auto;
    height:262px;
    margin:-26px -26px 14px;
    aspect-ratio:auto;
  }
  .bosquejos-library-page .catalog-church-letters .scripture-group-media-pair{
    position:relative;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    background:#fff;
  }
  .bosquejos-library-page .catalog-church-letters .scripture-group-media-pair img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
  .bosquejos-library-page .catalog-church-letters .scripture-group-media-pair img+img{
    width:calc(100% + 32px);
    margin-left:-32px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 32px);
    mask-image:linear-gradient(90deg,transparent 0,#000 32px);
  }
  .bosquejos-library-page .catalog-church-letters .scripture-group-media-pair::after{
    content:"";
    position:absolute;
    z-index:2;
    top:0;
    bottom:0;
    left:50%;
    width:20px;
    transform:translateX(-50%);
    pointer-events:none;
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent);
  }
  .bosquejos-library-page .catalog-church-letters .commentary-group-title{
    width:100%;
  }
  .bosquejos-library-page .catalog-church-letters .commentary-book-list{
    width:100%;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:repeat(6,auto);
    column-gap:clamp(30px,4vw,58px);
  }
}
@media (max-width:720px){
  .bosquejos-library-page .scripture-group-media{
    width:auto;
    height:auto;
    aspect-ratio:1.975 / 1;
    margin:-23px -20px 14px;
  }
  .bosquejos-library-page .scripture-group-media img{
    width:100%;
    height:100%;
    max-width:none;
    margin:0;
    object-fit:cover;
    object-position:center top;
  }
}


/* =========================================================
   EC Mobile Home Bar + Logo Fix V4
   ========================================================= */
.mobile-home-intro-bar{display:none}

@media (max-width:820px){

  /* LOGO: conservar exactamente el recorte original que sí funcionaba,
     y hacerlo visualmente más pequeño mediante escala. No cambia top/left. */
  .permanent-home .site-header .official-logo,
  .interior-page .interior-header .official-logo{
    transform:scale(.84)!important;
    transform-origin:left center!important;
  }

  /* INICIO:
     El hero móvil queda reservado al video/imagen y, al terminar,
     solamente permanece la cita de 1 Corintios 2:2.
     Todo el resto baja a una barra azul separada. */
  .permanent-home .tomb-preview .hero-copy{
    display:none!important;
  }

  .permanent-home .hero.tomb-preview,
  .permanent-home .tomb-preview .hero-media{
    height:72svh!important;
    min-height:510px!important;
  }

  .permanent-home .resurrection-verse{
    left:24px!important;
    right:24px!important;
    bottom:30px!important;
    max-width:none!important;
  }

  .mobile-home-intro-bar{
    display:block!important;
    padding:0!important;
    color:#fff!important;
    background:#1d2b58!important;
  }

  .mobile-home-intro-inner{
    padding:30px 24px 34px!important;
  }

  .mobile-home-intro-bar .eyebrow{
    margin:0 0 10px!important;
    color:#f29bd1!important;
  }

  .mobile-home-intro-bar h1{
    margin:0!important;
    color:#fff!important;
    font:600 clamp(44px,12vw,54px)/.98 "Playfair Display",serif!important;
    letter-spacing:-.045em!important;
  }

  .mobile-home-intro-bar h1 span{
    color:#e77dca!important;
    font-style:italic!important;
  }

  .mobile-home-intro-bar h1::after{
    content:""!important;
    display:block!important;
    width:92px!important;
    margin:20px 0 20px!important;
    border-bottom:3px solid #e77dca!important;
  }

  .mobile-home-intro-bar .hero-intro{
    margin:0!important;
    color:#f7f6ff!important;
    font:500 15px/1.62 "Merriweather",serif!important;
  }

  .mobile-home-intro-bar .hero-actions{
    margin-top:22px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:12px!important;
  }

  .mobile-home-intro-bar .quiet-link{
    color:#fff!important;
  }
}

@media (max-width:480px){
  .permanent-home .site-header .official-logo,
  .interior-page .interior-header .official-logo{
    transform:scale(.80)!important;
  }

  .permanent-home .hero.tomb-preview,
  .permanent-home .tomb-preview .hero-media{
    height:68svh!important;
    min-height:470px!important;
  }
}


/* =========================================================
   EC Mobile Scroll Fix V5
   Inicio vuelve a comportarse como una página normal:
   hero -> barra azul -> footer. Nada queda congelado.
   ========================================================= */
@media (max-width:820px){

  /* La portada "permanente" originalmente estaba diseñada como una sola pantalla.
     En móvil quitamos esa restricción para permitir scroll natural. */
  .permanent-home{
    height:auto!important;
    min-height:100svh!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
  }

  .permanent-home main{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  /* Mantener ocultas las secciones antiguas de Inicio que no forman parte
     de la portada actual, pero mostrar nuestra barra azul móvil. */
  .permanent-home main > section:not(.tomb-preview):not(.mobile-home-intro-bar){
    display:none!important;
  }

  .permanent-home .mobile-home-intro-bar{
    display:block!important;
    position:relative!important;
  }

  /* Hero normal dentro del flujo de la página; se puede seguir deslizando. */
  .permanent-home .hero.tomb-preview{
    position:relative!important;
    width:100%!important;
    height:68svh!important;
    min-height:470px!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  .permanent-home .tomb-preview .hero-media{
    height:100%!important;
    min-height:0!important;
  }

  /* La cita sigue siendo lo único que aparece encima del hero al terminar el video. */
  .permanent-home .resurrection-verse{
    left:22px!important;
    right:22px!important;
    bottom:28px!important;
  }

  /* Footer/copyright: deja de estar pegado a la pantalla y pasa al flujo normal. */
  .permanent-home .home-footer{
    display:flex!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:22px 20px!important;
    z-index:auto!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    text-align:center!important;
  }

  .permanent-home .home-footer > *{
    flex:none!important;
    width:auto!important;
  }
}


/* =========================================================
   EC Mobile Footer Simple V6
   Desktop queda intacto.
   ========================================================= */
.visitor-label-mobile{display:none}

@media (max-width:820px){
  /* En móvil el footer muestra solamente copyright + visitantes. */
  .permanent-home .home-footer a{
    display:none!important;
  }

  .permanent-home .home-footer{
    padding:20px 18px 22px!important;
    gap:7px!important;
  }

  .permanent-home .home-footer > p{
    margin:0!important;
    width:100%!important;
    flex:none!important;
    text-align:center!important;
  }

  .permanent-home .home-footer > p:first-child{
    font-size:13px!important;
    line-height:1.35!important;
  }

  .permanent-home .home-footer .permanent-visitor-count{
    font-size:12px!important;
    line-height:1.3!important;
  }

  .visitor-label-desktop{display:none!important}
  .visitor-label-mobile{display:inline!important}
}


/* =========================================================
   EC GLOBAL MOBILE FOOTER V7
   Afecta todas las páginas públicas que usan page-visits.js.
   Desktop queda intacto.
   ========================================================= */
.visitor-label-mobile{display:none}

@media (max-width:820px){

  /* Footer público global: una sola línea compacta */
  .ec-public-footer,
  .home-footer,
  .interior-footer,
  .commentary-footer{
    min-height:0!important;
  }

  .ec-public-footer{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    width:100%!important;
    padding:15px 18px!important;
    text-align:left!important;
  }

  /* En móvil no repetimos correo ni YouTube. */
  .ec-public-footer > a{
    display:none!important;
  }

  .ec-public-footer .ec-footer-copyright,
  .ec-public-footer .ec-footer-visitors{
    display:block!important;
    flex:0 1 auto!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:auto!important;
    color:inherit!important;
    font-size:11px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
  }

  .ec-public-footer .ec-footer-copyright{
    text-align:left!important;
  }

  .ec-public-footer .ec-footer-visitors{
    margin-left:auto!important;
    text-align:right!important;
  }

  .visitor-label-desktop{display:none!important}
  .visitor-label-mobile{display:inline!important}
}


/* =========================================================
   EC GLOBAL HAMBURGER + HOME FOOTER V8
   Solo móvil. Desktop intacto.
   ========================================================= */
@media (max-width:820px){

  /* ---------- HOME FOOTER: UNA SOLA LÍNEA ---------- */
  .permanent-home .home-footer.ec-public-footer{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:0!important;
    width:100%!important;
    padding:15px 16px!important;
    gap:10px!important;
    text-align:left!important;
  }

  .permanent-home .home-footer.ec-public-footer > *{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
  }

  .permanent-home .home-footer.ec-public-footer > a{
    display:none!important;
  }

  .permanent-home .home-footer.ec-public-footer .ec-footer-copyright{
    margin-right:auto!important;
    text-align:left!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }

  .permanent-home .home-footer.ec-public-footer .ec-footer-visitors{
    margin-left:auto!important;
    text-align:right!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }

  /* ---------- HAMBURGER GLOBAL ---------- */
  .site-header,
  .interior-header{
    overflow:visible!important;
  }

  .header-nav.ec-mobile-nav,
  .interior-nav.ec-mobile-nav{
    display:none!important;
  }

  .ec-mobile-menu-toggle{
    position:absolute!important;
    top:50%!important;
    right:12px!important;
    transform:translateY(-50%)!important;
    z-index:100001!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:11px!important;
    color:#fff!important;
    background:rgba(20,38,92,.18)!important;
    box-shadow:none!important;
    font:600 24px/1 system-ui,sans-serif!important;
    cursor:pointer!important;
  }

  /* Menú pequeño, vertical y pegado a la hamburguesa.
     La caja es deliberadamente muy transparente para dejar ver el hero. */
  .header-nav.ec-mobile-nav.is-open,
  .interior-nav.ec-mobile-nav.is-open{
    display:flex!important;
    position:absolute!important;
    top:calc(50% + 27px)!important;
    right:8px!important;
    left:auto!important;
    z-index:100000!important;
    width:max-content!important;
    min-width:158px!important;
    max-width:190px!important;
    height:auto!important;
    max-height:calc(100vh - 105px)!important;
    margin:0!important;
    padding:7px 8px!important;
    overflow:auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:12px!important;
    background:rgba(24,40,88,.55)!important;
    box-shadow:0 10px 26px rgba(8,18,48,.18)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }

  .ec-mobile-nav.is-open a{
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:8px 9px!important;
    border:0!important;
    border-radius:7px!important;
    color:#fff!important;
    background:transparent!important;
    font:700 12px/1.25 "Open Sans",Arial,sans-serif!important;
    letter-spacing:.01em!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }

  .ec-mobile-nav.is-open a.active,
  .ec-mobile-nav.is-open a:hover,
  .ec-mobile-nav.is-open a:focus-visible{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
  }
}

@media (max-width:390px){
  .permanent-home .home-footer.ec-public-footer{
    padding-left:12px!important;
    padding-right:12px!important;
    gap:6px!important;
  }
  .permanent-home .home-footer.ec-public-footer .ec-footer-copyright,
  .permanent-home .home-footer.ec-public-footer .ec-footer-visitors{
    font-size:9.5px!important;
  }
}

@media (min-width:821px){
  .ec-mobile-menu-toggle{display:none!important}
}


/* =========================================================
   EC HERO GLOBAL REFINE V9
   Mobile only. Desktop remains unchanged.
   ========================================================= */
@media (max-width:820px){

  /* Hamburger panel: ~75% transparent, so the hero remains visible. */
  .header-nav.ec-mobile-nav.is-open,
  .interior-nav.ec-mobile-nav.is-open{
    background:rgba(24,40,88,.25)!important;
    border-color:rgba(255,255,255,.10)!important;
    box-shadow:0 8px 22px rgba(8,18,48,.12)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
  }

  /* Shared book page (Genesis now, Exodus and every activated book later):
     clean image on top + solid EC blue content bar beneath. */
  .genesis-hero{
    min-height:0!important;
    display:block!important;
    padding:285px 0 0!important;
    border-bottom:1px solid #e6ddf3!important;
    background-color:#1d2b58!important;
    background-image:var(--ec-book-hero-image)!important;
    background-size:auto 285px!important;
    background-position:var(--ec-book-focus-x,56%) top!important;
    background-repeat:no-repeat!important;
  }

  .genesis-hero-copy{
    box-sizing:border-box!important;
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:28px 24px 34px!important;
    background:#1d2b58!important;
  }

  .genesis-hero-copy h1{
    margin:0 0 12px!important;
    color:#fffaf4!important;
    font-size:clamp(42px,12vw,56px)!important;
    line-height:1!important;
    text-shadow:none!important;
  }

  .genesis-hero-copy .genesis-star{
    display:block!important;
    margin:0 0 12px!important;
  }

  .genesis-hero-copy p{
    margin:0!important;
    color:#fffaf4!important;
    font-size:15px!important;
    line-height:1.7!important;
    text-shadow:none!important;
  }
}


/* =========================================================
   EC GLOBAL LOGO + MENU TRANSPARENCY V10
   Mobile only. Desktop remains unchanged.
   ========================================================= */
@media (max-width:820px){

  /* ---------------------------------------------------------
     GLOBAL LOGO SIZE
     Match the approved visual size used on Inicio / Las Escrituras.
     Only size/scale changes. No image crop, color, filter or artwork changes.
     --------------------------------------------------------- */
  body .site-header .official-logo,
  body .interior-header .official-logo,
  body .genesis-header .official-logo,
  body .commentary-library-page .interior-header .official-logo,
  body .published-resource-page .interior-header .official-logo,
  body .life-group-page .interior-header .official-logo{
    width:230px!important;
    height:62px!important;
    flex:0 0 230px!important;
    transform:scale(.84)!important;
    transform-origin:left center!important;
  }

  /* ---------------------------------------------------------
     HAMBURGER PANEL
     The earlier blue gradient had a more specific selector, so V9's
     generic transparency rule could be overridden. These selectors
     deliberately match/beat that specificity.
     75% transparent = 25% visible blue.
     --------------------------------------------------------- */
  body.permanent-home .site-header .header-nav.ec-mobile-nav.is-open,
  body .site-header .header-nav.ec-mobile-nav.is-open,
  body.interior-page .interior-header .interior-nav.ec-mobile-nav.is-open,
  body .interior-header .interior-nav.ec-mobile-nav.is-open{
    background:rgba(24,40,88,.25)!important;
    background-image:none!important;
    border-color:rgba(255,255,255,.10)!important;
    box-shadow:0 8px 22px rgba(8,18,48,.10)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
  }
}

@media (max-width:480px){
  body .site-header .official-logo,
  body .interior-header .official-logo,
  body .genesis-header .official-logo,
  body .commentary-library-page .interior-header .official-logo,
  body .published-resource-page .interior-header .official-logo,
  body .life-group-page .interior-header .official-logo{
    transform:scale(.80)!important;
  }
}

/* Protección visual global: dificulta guardar, arrastrar o mantener pulsadas las imágenes. */
img,
picture,
video,
canvas,
[data-protected-image]{
  -webkit-user-drag:none!important;
  -webkit-touch-callout:none!important;
  user-select:none!important;
}