/* ─────────────────────────────────────────────────────────────────────
   secciones.css — «En qué creemos» y campaña «Nuevo templo» (nov 2026)
   ───────────────────────────────────────────────────────────────────── */

/* ── En qué creemos ── */
.iebg-root .credo-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0; margin-top: 8px; border-top: 1px solid var(--c-line);
}
.iebg-root .credo-item {
  padding: 30px 28px 30px 0; border-bottom: 1px solid var(--c-line);
  display: grid; grid-template-rows: auto 1fr auto; gap: 10px; min-width: 0;
}
.iebg-root .credo-item:not(:nth-child(3n+1)) { padding-left: 28px; border-left: 1px solid var(--c-line); }
.iebg-root .credo-title { margin: 0; font-family: var(--font-display); font-weight: 500; font-size: 1.35rem; letter-spacing: -.01em; line-height: 1.2; }
.iebg-root .credo-text { margin: 0; color: var(--c-ink-soft); font-size: .98rem; line-height: 1.6; }
.iebg-root .credo-ref { margin: 4px 0 0; font-size: .78rem; letter-spacing: .06em; color: var(--c-accent); font-weight: 500; }
.iebg-root .credo-more { margin-top: 32px; }
@media (max-width: 1000px) {
  .iebg-root .credo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .iebg-root .credo-item:not(:nth-child(3n+1)) { padding-left: 0; border-left: 0; }
  .iebg-root .credo-item:nth-child(2n) { padding-left: 24px; border-left: 1px solid var(--c-line); }
}
@media (max-width: 640px) {
  .iebg-root .credo-grid { grid-template-columns: 1fr; }
  .iebg-root .credo-item:nth-child(2n) { padding-left: 0; border-left: 0; }
  .iebg-root .credo-item { padding-right: 0; }
}
.iebg-root section[data-bg="oscuro"] .credo-text { color: rgba(250,250,247,.8); }
.iebg-root section[data-bg="oscuro"] .credo-grid,
.iebg-root section[data-bg="oscuro"] .credo-item { border-color: rgba(250,250,247,.15); }

/* ── Aviso de la campaña en la cabecera ── */
.iebg-root .hero-pill {
  align-self: flex-start; display: inline-flex; align-items: center; gap: 10px; margin-bottom: 26px;
  padding: 9px 16px 9px 12px; border-radius: 999px; color: #fff; font-size: .86rem; font-weight: 500;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.28);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  transition: background .2s, border-color .2s;
}
.iebg-root .hero-pill:hover { background: rgba(255,255,255,.2); border-color: rgba(255,255,255,.5); }
.iebg-root .hero-pill-dot { width: 8px; height: 8px; border-radius: 50%; background: #e8b66a; box-shadow: 0 0 0 4px rgba(232,182,106,.25); }
.iebg-root .hero-pill-sep { width: 1px; height: 14px; background: rgba(255,255,255,.35); }
.iebg-root .hero-pill svg { transition: transform .25s ease; }
.iebg-root .hero-pill:hover svg { transform: translateX(3px); }

/* Enlace del menú a la campaña, destacado */
.iebg-root .navA-links a.nav-templo { color: var(--c-accent); font-weight: 600; }
.has-hero .iebg-root .navA[data-scrolled="false"] .navA-links a.nav-templo { color: #f3d29b; }

/* ── Campaña «Nuevo templo» ── */
.iebg-root .templo {
  --t-bg: #0d3f42; --t-ink: #fbf8f1; --t-soft: rgba(251,248,241,.78); --t-line: rgba(251,248,241,.16);
  --t-gold: #e8b66a; --t-card: rgba(251,248,241,.06);
  position: relative; overflow: hidden; isolation: isolate;
  background: radial-gradient(120% 90% at 85% 0%, #14595d 0%, var(--t-bg) 55%, #082b2d 100%);
  color: var(--t-ink);
}
.iebg-root .templo-media {
  position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center;
}
.iebg-root .templo-media[style] + .templo-arches { display: none; }
.iebg-root .templo-media[style]::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(8,43,45,0) 0%, rgba(8,43,45,.55) 50%, rgba(8,43,45,.92) 78%, #082b2d 100%),
    linear-gradient(100deg, rgba(8,43,45,.94) 0%, rgba(13,63,66,.86) 42%, rgba(13,63,66,.62) 75%, rgba(13,63,66,.5) 100%);
}
.iebg-root .templo-arches {
  position: absolute; right: -40px; top: 0; height: 100%; width: min(60%, 760px);
  color: rgba(251,248,241,.05); z-index: -1; pointer-events: none;
}
.iebg-root .templo-inner { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 32px 64px; align-items: end; }
.iebg-root .templo-eyebrow { color: var(--t-gold); display: inline-flex; align-items: center; gap: 10px; }
.iebg-root .templo-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--t-gold); box-shadow: 0 0 0 4px rgba(232,182,106,.22); }
.iebg-root .templo-title {
  margin: 18px 0 0; font-family: var(--font-display); font-weight: 400;
  font-size: clamp(2.6rem, 5.4vw, 4.6rem); line-height: 1.02; letter-spacing: -.025em; color: var(--t-ink); text-wrap: balance;
}
.iebg-root .templo-title em { font-style: italic; color: var(--t-gold); }
.iebg-root .templo-lead { margin: 26px 0 0; max-width: 58ch; font-size: 1.12rem; line-height: 1.65; color: var(--t-soft); }
.iebg-root .templo-verse { margin: 30px 0 0; padding: 4px 0 4px 22px; border-left: 2px solid var(--t-gold); max-width: 52ch; }
.iebg-root .templo-verse p { margin: 0; font-family: var(--font-display); font-style: italic; font-size: 1.2rem; line-height: 1.5; color: var(--t-ink); }
.iebg-root .templo-verse cite { display: block; margin-top: 8px; font-style: normal; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--t-gold); }

.iebg-root .templo-goal {
  justify-self: end; text-align: right; display: grid; gap: 6px; padding-bottom: 6px; width: 100%; max-width: 460px;
}
.iebg-root .templo-figure { position: relative; margin: 0 0 22px; border-radius: 18px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.35); aspect-ratio: 16/9; }
.iebg-root .templo-figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.iebg-root .templo-figure figcaption {
  position: absolute; left: 12px; bottom: 10px; padding: 3px 9px; border-radius: 999px;
  font-size: .68rem; letter-spacing: .06em; color: #fff; background: rgba(8,43,45,.6);
}
.iebg-root .templo-goal-label { font-size: .75rem; letter-spacing: .18em; text-transform: uppercase; color: var(--t-soft); }
.iebg-root .templo-goal-num {
  font-family: var(--font-display); font-weight: 400; font-size: clamp(3.4rem, 7.5vw, 6.4rem);
  line-height: .95; letter-spacing: -.035em; color: var(--t-ink); font-variant-numeric: tabular-nums;
}
.iebg-root .templo-goal-sub { font-size: 1rem; color: var(--t-soft); }

.iebg-root .templo-sub {
  grid-column: 1 / -1; margin: 40px 0 0; padding-top: 32px; border-top: 1px solid var(--t-line);
  font-family: var(--font-body); font-size: .78rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--t-soft);
}
.iebg-root .templo-ways { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
.iebg-root .tw-card {
  position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0;
  padding: 26px 24px 24px; border-radius: 18px; background: rgba(8,43,45,.55); border: 1px solid var(--t-line);
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  transition: background .25s, border-color .25s, transform .25s;
}
.iebg-root .tw-card:hover { background: rgba(8,43,45,.68); border-color: rgba(251,248,241,.28); transform: translateY(-2px); }
.iebg-root .tw-icon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; color: var(--t-gold); background: rgba(232,182,106,.12); }
.iebg-root .tw-title { margin: 4px 0 0; font-family: var(--font-display); font-weight: 500; font-size: 1.4rem; color: var(--t-ink); }
.iebg-root .tw-text { margin: 0; font-size: .95rem; line-height: 1.55; color: var(--t-soft); flex: 1; }
.iebg-root .tw-bank {
  display: grid; gap: 10px; padding: 14px 16px 16px; border-radius: 14px;
  background: rgba(251,248,241,.07); border: 1px solid var(--t-line);
}
.iebg-root .tw-bank-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.iebg-root .tw-label { font-size: .68rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--t-gold); }
.iebg-root .tw-iban {
  margin: 0; display: grid; grid-template-columns: repeat(3, max-content); gap: .25em .6em;
  font-family: var(--font-body); font-size: 1.12rem; font-weight: 500; letter-spacing: .04em;
  font-variant-numeric: tabular-nums lining-nums; color: var(--t-ink); user-select: all;
}
.iebg-root .tw-copy {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 999px; cursor: pointer;
  font: 500 .78rem var(--font-body); color: var(--t-ink); background: transparent; border: 1px solid rgba(251,248,241,.3);
  transition: background .2s, border-color .2s, color .2s;
}
.iebg-root .tw-copy:hover { background: rgba(251,248,241,.1); border-color: rgba(251,248,241,.55); }
.iebg-root .tw-copy.is-done { color: var(--t-gold); border-color: var(--t-gold); }
.iebg-root .tw-meta { margin: 2px 0 0; display: grid; gap: 6px; }
.iebg-root .tw-meta div { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: baseline; }
.iebg-root .tw-meta dt { font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: var(--t-soft); }
.iebg-root .tw-meta dd { margin: 0; font-size: .86rem; line-height: 1.4; color: var(--t-ink); }
.iebg-root .templo .tw-btn { align-self: flex-start; background: var(--t-gold); color: #0d3f42; }
.iebg-root .templo .tw-btn:hover { background: #f0c682; }
.iebg-root .tw-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.iebg-root .tw-round {
  width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; cursor: pointer;
  color: var(--t-ink); background: transparent; border: 1px solid var(--t-line); transition: background .2s, border-color .2s;
}
.iebg-root .tw-round:hover { background: rgba(251,248,241,.1); border-color: rgba(251,248,241,.4); }
.iebg-root .tw-round.is-done { border-color: var(--t-gold); color: var(--t-gold); }
.iebg-root .tw-qr { position: absolute; top: 22px; right: 22px; width: 64px; height: 64px; border-radius: 8px; padding: 4px; background: #fff; }
@media (hover: none) { .iebg-root .tw-qr { display: none; } }

.iebg-root .templo-join {
  grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 18px 32px; flex-wrap: wrap;
  margin-top: 8px; padding: 28px 30px; border-radius: 18px;
  background: linear-gradient(100deg, rgba(232,182,106,.16), rgba(232,182,106,.04)); border: 1px solid rgba(232,182,106,.35);
}
.iebg-root .templo-join > div { max-width: 60ch; }
.iebg-root .templo-join-title { margin: 0 0 6px; font-family: var(--font-display); font-weight: 500; font-size: 1.5rem; color: var(--t-ink); }
.iebg-root .templo-join p { margin: 0; color: var(--t-soft); }
.iebg-root .templo-join-btn { background: var(--t-ink); color: #0d3f42; }
.iebg-root .templo-join-btn:hover { background: #fff; }

@media (max-width: 1000px) {
  .iebg-root .templo-inner { grid-template-columns: 1fr; }
  .iebg-root .templo-goal { justify-self: start; text-align: left; max-width: 640px; }
}
@media (max-width: 640px) {
  .iebg-root .tw-card { padding: 22px 18px; }
  .iebg-root .templo-join { padding: 22px 18px; }
}

/* ── Chino: sin cursivas falsas y con fuentes del sistema ── */
:lang(zh) .iebg-root, .iebg-root:lang(zh) {
  --font-display: "Source Serif 4", "Songti SC", "Noto Serif SC", "Noto Serif CJK SC", "SimSun", serif;
  --font-body: "Geist", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
}
:lang(zh) .iebg-root em, :lang(zh) .iebg-root .t-italic, :lang(zh) .iebg-root h1 em { font-style: normal !important; }
:lang(zh) .t-eyebrow, :lang(zh) .tw-label { letter-spacing: .08em; }