:root{--cardeal:#8f1723;--cardeal-escuro:#671018;--dourado:#c5a35a;--dourado-suave:#e0c897;--marfim:#f6f0e4;--marfim-claro:#fffaf2;--azul:#13243a;--texto:#2a2621;--borda:rgba(19,36,58,.12);--sombra:0 12px 35px rgba(0,0,0,.08);--radius:18px;--max:1180px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:linear-gradient(180deg,var(--marfim-claro),var(--marfim));color:var(--texto);line-height:1.65;padding-bottom:90px}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:100;background:rgba(246,240,228,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--borda);display:flex;align-items:center;justify-content:space-between;padding:13px max(16px,calc((100vw - var(--max))/2))}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-symbol{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--cardeal),var(--cardeal-escuro));color:#fff;display:flex;align-items:center;justify-content:center;font-size:21px;box-shadow:var(--sombra)}.brand-title{font-family:Cinzel,serif;font-weight:700;letter-spacing:1px;color:var(--azul)}.brand-subtitle{font-family:'Cormorant Garamond',serif;color:var(--cardeal);font-size:1rem}.install-btn{border:0;border-radius:999px;background:var(--cardeal);color:#fff;padding:10px 16px;font-weight:700}.main-content{width:min(100%,var(--max));margin:auto;padding:20px 16px 40px}.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;min-height:520px;display:flex;align-items:center;padding:56px 42px;background-color:var(--azul);background-image:linear-gradient(90deg,rgba(19,36,58,.96) 0%,rgba(19,36,58,.86) 26%,rgba(103,16,24,.54) 53%,rgba(19,36,58,.10) 78%,rgba(19,36,58,.05) 100%),url('../images/vaticano-home.png');background-size:cover;background-position:center center;color:#fff;box-shadow:0 20px 55px rgba(19,36,58,.20)}.hero-overlay{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(19,36,58,.10)),radial-gradient(circle at 78% 48%,rgba(197,163,90,.18),transparent 32%);box-shadow:inset 0 -110px 110px rgba(19,36,58,.22)}.hero:before{content:'';position:absolute;z-index:0;left:-12%;bottom:-45%;width:72%;height:72%;background:radial-gradient(ellipse,rgba(143,23,35,.68),rgba(143,23,35,0) 68%);filter:blur(8px);pointer-events:none}.hero:after{content:'☩';position:absolute;z-index:0;right:3%;bottom:-20%;font-family:Cinzel,serif;font-size:min(30vw,340px);color:rgba(255,255,255,.035);line-height:1}.hero-content{position:relative;z-index:2;max-width:690px;text-shadow:0 2px 20px rgba(0,0,0,.18)}.hero-kicker,.era{display:inline-block;color:var(--dourado);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.hero h1,.page-hero h1,.article-title{font-family:Cinzel,serif;line-height:1.15}.hero h1{font-size:clamp(2.3rem,6vw,4rem);margin-bottom:17px}.hero p{max-width:650px;font-size:1.08rem;color:rgba(255,255,255,.91)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{padding:13px 20px;border-radius:999px;font-weight:700}.btn-primary{background:var(--dourado);color:var(--azul)}.btn-secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);color:#fff}.section{margin-top:36px}.section-header{margin-bottom:18px}.section-header h2{font-family:Cinzel,serif;color:var(--azul);font-size:1.75rem}.section-header p{color:#6d655b}.timeline,.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.timeline-item,.card,.news-card,.content-block,.daily-history,.empty-state{background:rgba(255,255,255,.68);border:1px solid var(--borda);border-radius:var(--radius);padding:21px;box-shadow:var(--sombra)}.timeline-item .year{font-family:Cinzel,serif;color:var(--cardeal);font-size:1.45rem}.timeline-item h3,.card h3,.news-card h3,.content-block h2,.daily-history h3,.empty-state h3{font-family:'Cormorant Garamond',serif;font-size:1.6rem;color:var(--azul);margin:5px 0}.card{transition:.2s}.card:hover{transform:translateY(-4px)}.daily-date{color:var(--cardeal);font-weight:700}.news-list{display:grid;gap:16px}.news-badge{display:inline-block;background:rgba(143,23,35,.11);color:var(--cardeal);border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700}.read-more{display:inline-block;margin-top:11px;color:var(--cardeal);font-weight:700}.page-hero.small{background:linear-gradient(135deg,var(--azul),var(--cardeal));color:#fff;border-radius:26px;padding:42px 26px;box-shadow:var(--sombra)}.page-hero.small h1{font-size:2.25rem;margin-bottom:8px}.content-block+.content-block{margin-top:16px}.bottom-nav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(96%,700px);background:rgba(19,36,58,.97);border:1px solid rgba(255,255,255,.08);border-radius:22px;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.2);z-index:1000}.nav-item{text-align:center;color:#f6f0e4;padding:14px 6px;font-size:.9rem;font-weight:600}.nav-item:hover{background:rgba(197,163,90,.15)}.footer{text-align:center;padding:18px 16px 110px;color:#71685f;font-size:.93rem}.article-wrap{max-width:850px;margin-left:auto;margin-right:auto}.article-title{font-size:clamp(2rem,5vw,3.3rem);color:var(--azul);margin:12px 0}.article-meta,.article-source{color:#70675d}.article-image{width:100%;border-radius:18px;margin:20px 0}.article-content{font-family:'Cormorant Garamond',serif;font-size:1.25rem}.article-content p{margin:0 0 1em}.article-source{margin-top:30px;padding-top:20px;border-top:1px solid var(--borda)}code{background:#eee4d6;padding:2px 6px;border-radius:6px}
@media(max-width:768px){.brand-title{font-size:.88rem}.brand-subtitle{font-size:.86rem}.hero{min-height:500px;padding:34px 22px;background-position:64% center;background-image:linear-gradient(90deg,rgba(19,36,58,.95) 0%,rgba(19,36,58,.88) 42%,rgba(103,16,24,.58) 68%,rgba(19,36,58,.22) 100%),url('../images/vaticano-home.png')}.hero h1{font-size:2.15rem}.bottom-nav{width:calc(100% - 16px);bottom:8px;border-radius:18px}.nav-item{font-size:.74rem;padding:12px 4px}.topbar{padding-left:12px;padding-right:12px}.install-btn{padding:9px 12px}}
\n\n/* Linha do tempo ilustrada — v3 */\n.timeline-featured{position:relative;isolation:isolate;overflow:hidden;min-height:315px;padding:0;color:#fff;border:1px solid rgba(197,163,90,.42);background-size:cover;background-position:center;display:flex;align-items:flex-end;transition:transform .25s ease,box-shadow .25s ease}.timeline-featured:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(19,36,58,.22)}.timeline-pedro{background-image:url('../images/evento-pedro.webp')}.timeline-pentecostes{background-image:url('../images/evento-pentecostes.webp')}.timeline-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(19,36,58,.05) 5%,rgba(19,36,58,.30) 45%,rgba(19,36,58,.95) 100%)}.timeline-featured-content{padding:20px;width:100%}.timeline-featured .year{display:inline-block;color:#fff;background:var(--cardeal);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 10px;font-size:.92rem;line-height:1}.timeline-reference{display:block;margin-top:10px;color:var(--dourado-suave);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.timeline-featured h3{color:#fff;font-size:1.75rem;line-height:1.05;margin:5px 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.35)}.timeline-featured p{color:rgba(255,255,255,.88);font-size:.94rem;line-height:1.45}.timeline-link{display:inline-block;margin-top:12px;color:var(--dourado-suave);font-size:.84rem;font-weight:700}.event-hero{position:relative;isolation:isolate;overflow:hidden;min-height:470px;border-radius:28px;background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff;box-shadow:0 20px 55px rgba(19,36,58,.18)}.event-hero-pedro{background-image:url('../images/evento-pedro.webp')}.event-hero-pentecostes{background-image:url('../images/evento-pentecostes.webp')}.event-hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(19,36,58,.05) 10%,rgba(19,36,58,.18) 38%,rgba(19,36,58,.94) 100%)}.event-hero-content{padding:38px;max-width:800px}.event-back{display:inline-block;margin-bottom:18px;color:#fff;background:rgba(19,36,58,.44);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);padding:8px 12px;border-radius:999px;font-size:.88rem}.event-era{display:block;color:var(--dourado-suave);text-transform:uppercase;letter-spacing:.09em;font-weight:700;font-size:.84rem}.event-hero h1{font-family:Cinzel,serif;font-size:clamp(2rem,5vw,3.7rem);line-height:1.1;margin:8px 0 10px}.event-hero p{max-width:720px;color:rgba(255,255,255,.9);font-size:1.06rem}.event-article{max-width:850px;margin-left:auto;margin-right:auto}.event-scripture{background:linear-gradient(135deg,rgba(197,163,90,.14),rgba(255,255,255,.72));border:1px solid rgba(197,163,90,.35);border-radius:18px;padding:25px 28px;margin-bottom:24px}.event-scripture span{color:var(--cardeal);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.event-scripture blockquote{font-family:'Cormorant Garamond',serif;color:var(--azul);font-size:1.65rem;font-weight:600;line-height:1.3;margin-top:8px}.event-copy{background:rgba(255,255,255,.58);border:1px solid var(--borda);border-radius:20px;padding:28px;box-shadow:var(--sombra)}.event-copy p{font-family:'Cormorant Garamond',serif;font-size:1.24rem;line-height:1.72;margin-bottom:1.15em}.event-copy h2{font-family:Cinzel,serif;color:var(--azul);font-size:1.55rem;margin:30px 0 10px}.event-next{margin-top:22px;border-top:1px solid var(--borda);padding-top:20px}.event-next>span{display:block;color:#746a60;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.event-next a{display:block;background:var(--azul);color:#fff;border-radius:16px;padding:18px 20px}.event-next strong{font-family:'Cormorant Garamond',serif;font-size:1.4rem;display:block}.event-next small{color:rgba(255,255,255,.68)}.event-prev a{background:var(--cardeal)}\n@media(max-width:768px){.timeline-featured{min-height:285px}.event-hero{min-height:420px;border-radius:22px;background-position:center}.event-hero-content{padding:24px}.event-scripture,.event-copy{padding:21px}.event-scripture blockquote{font-size:1.42rem}.event-copy p{font-size:1.16rem}}\n
/* Ajuste visual v4 — fundo geral em marfim, sem faixa cinza */
html, body { background:#fffaf2 !important; }
body {
  background-image:
    radial-gradient(circle at 18% 0%, rgba(197,163,90,.10), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(143,23,35,.045), transparent 26%),
    linear-gradient(180deg,#fffaf2 0%,#f8f1e6 52%,#f6f0e4 100%) !important;
  background-attachment: fixed;
}
.app-shell {
  min-height:100vh;
  background:transparent !important;
}
.main-content {
  background:transparent !important;
}
/* mantém a separação da linha do tempo elegante, sem bloco cinza */
.section:first-of-type {
  position:relative;
}
.section:first-of-type::before {
  content:'';
  position:absolute;
  left:50%;
  top:-18px;
  width:100vw;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(197,163,90,.38),transparent);
  pointer-events:none;
}


/* Ajuste visual v5 — linha do tempo em bloco marfim explícito e sem cinza */
.section-timeline{
  background:linear-gradient(180deg,rgba(255,250,242,.98) 0%,rgba(248,241,230,.97) 100%) !important;
  border:1px solid rgba(197,163,90,.24);
  border-radius:28px;
  padding:28px 22px 24px;
  box-shadow:0 14px 34px rgba(19,36,58,.06);
}
.section-timeline .section-header{
  margin-bottom:22px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(197,163,90,.28);
}
.section-timeline .section-header h2{
  margin:0;
  color:var(--azul);
  font-size:clamp(2rem,4vw,2.8rem);
}
.section-timeline .section-header p{
  margin-top:6px;
  color:#6f665d;
}
.section-timeline .timeline{
  margin-top:0;
}
@media(max-width:768px){
  .section-timeline{padding:22px 16px 18px;border-radius:22px}
  .section-timeline .section-header h2{font-size:2rem}
}
\n\n/* Linha do tempo — novos eventos V6 */\n.timeline-milao{background-image:url('../images/evento-milao-v6.webp?v=6');}\n.timeline-tessalonica{background-image:url('../images/evento-tessalonica-v6.webp?v=6');}\n.event-hero-milao{background-image:url('../images/evento-milao-v6.webp?v=6');background-position:center 42%;}\n.event-hero-tessalonica{background-image:url('../images/evento-tessalonica-v6.webp?v=6');background-position:center 42%;}\n.event-history-note{margin:24px 0 0;padding:18px 20px;background:linear-gradient(135deg,rgba(143,23,35,.07),rgba(197,163,90,.12));border-left:4px solid var(--dourado);border-radius:0 14px 14px 0;}\n.event-history-note strong{display:block;font-family:Cinzel,serif;color:var(--cardeal);margin-bottom:4px;}\n.event-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;}\n.event-navigation .event-next{margin-top:0;}\n@media(max-width:680px){.event-navigation{grid-template-columns:1fr}}\n

/* Ajuste V7 — imagens novas e cache-busting real para Milão e Tessalônica */
.timeline-milao{background-image:url('../images/evento-milao-v7.png') !important; background-position:center center;}
.timeline-tessalonica{background-image:url('../images/evento-tessalonica-v7.png') !important; background-position:center center;}
.event-hero-milao{background-image:url('../images/evento-milao-v7.png') !important; background-position:center 36% !important;}
.event-hero-tessalonica{background-image:url('../images/evento-tessalonica-v7.png') !important; background-position:center 30% !important;}


/* V8 — imagens explícitas para os cards de Milão e Tessalônica */
.timeline-milao{background-image:linear-gradient(180deg,rgba(19,36,58,.08) 5%,rgba(19,36,58,.30) 45%,rgba(19,36,58,.96) 100%), url('../images/evento-milao-v8.png') !important;}
.timeline-tessalonica{background-image:linear-gradient(180deg,rgba(19,36,58,.08) 5%,rgba(19,36,58,.30) 45%,rgba(19,36,58,.96) 100%), url('../images/evento-tessalonica-v8.png') !important;}
.event-hero-milao{background-image:linear-gradient(180deg,rgba(19,36,58,.08) 10%,rgba(19,36,58,.18) 38%,rgba(19,36,58,.94) 100%), url('../images/evento-milao-v8.png') !important; background-position:center 36% !important;}
.event-hero-tessalonica{background-image:linear-gradient(180deg,rgba(19,36,58,.08) 10%,rgba(19,36,58,.18) 38%,rgba(19,36,58,.94) 100%), url('../images/evento-tessalonica-v8.png') !important; background-position:center 30% !important;}


/* V9 — novos eventos da Igreja primitiva */
.timeline-jerusalem{background-image:linear-gradient(180deg,rgba(19,36,58,.08) 5%,rgba(19,36,58,.30) 45%,rgba(19,36,58,.96) 100%), url('../images/evento-jerusalem-v9.png') !important; background-position:center center;}
.timeline-martirio{background-image:linear-gradient(180deg,rgba(19,36,58,.08) 5%,rgba(19,36,58,.30) 45%,rgba(19,36,58,.96) 100%), url('../images/evento-martirio-v9.png') !important; background-position:center center;}
.timeline-inacio{background-image:linear-gradient(180deg,rgba(19,36,58,.08) 5%,rgba(19,36,58,.30) 45%,rgba(19,36,58,.96) 100%), url('../images/evento-inacio-v9.png') !important; background-position:center center;}
.timeline-ireneu{background-image:linear-gradient(180deg,rgba(19,36,58,.08) 5%,rgba(19,36,58,.30) 45%,rgba(19,36,58,.96) 100%), url('../images/evento-ireneu-v9.png') !important; background-position:center center;}
.event-hero-jerusalem{background-image:linear-gradient(180deg,rgba(19,36,58,.08) 10%,rgba(19,36,58,.18) 38%,rgba(19,36,58,.94) 100%), url('../images/evento-jerusalem-v9.png') !important; background-position:center 38% !important;}
.event-hero-martirio{background-image:linear-gradient(180deg,rgba(19,36,58,.08) 10%,rgba(19,36,58,.18) 38%,rgba(19,36,58,.94) 100%), url('../images/evento-martirio-v9.png') !important; background-position:center 30% !important;}
.event-hero-inacio{background-image:linear-gradient(180deg,rgba(19,36,58,.08) 10%,rgba(19,36,58,.18) 38%,rgba(19,36,58,.94) 100%), url('../images/evento-inacio-v9.png') !important; background-position:center 28% !important;}
.event-hero-ireneu{background-image:linear-gradient(180deg,rgba(19,36,58,.08) 10%,rgba(19,36,58,.18) 38%,rgba(19,36,58,.94) 100%), url('../images/evento-ireneu-v9.png') !important; background-position:center 24% !important;}
.timeline-reference{max-width:100%;}


/* V10 — correções de legibilidade e novas imagens dos dois primeiros eventos */
.timeline-pedro{background-image:linear-gradient(180deg,rgba(19,36,58,.06) 5%,rgba(19,36,58,.28) 42%,rgba(19,36,58,.96) 100%), url('../images/evento-pedro-v10.png') !important; background-position:center center !important;}
.timeline-pentecostes{background-image:linear-gradient(180deg,rgba(19,36,58,.06) 5%,rgba(19,36,58,.28) 42%,rgba(19,36,58,.96) 100%), url('../images/evento-pentecostes-v10.png') !important; background-position:center center !important;}
.event-hero-pedro{background-image:linear-gradient(180deg,rgba(19,36,58,.06) 10%,rgba(19,36,58,.16) 36%,rgba(19,36,58,.94) 100%), url('../images/evento-pedro-v10.png') !important; background-position:center 34% !important;}
.event-hero-pentecostes{background-image:linear-gradient(180deg,rgba(19,36,58,.06) 10%,rgba(19,36,58,.16) 36%,rgba(19,36,58,.94) 100%), url('../images/evento-pentecostes-v10.png') !important; background-position:center 26% !important;}
.timeline-featured-content{position:relative;z-index:2;}
.timeline-featured .year,
.timeline-featured .timeline-reference,
.timeline-featured h3,
.timeline-featured p,
.timeline-featured .timeline-link{ text-shadow:0 2px 10px rgba(0,0,0,.82) !important; }
.timeline-featured .year{ box-shadow:0 6px 20px rgba(0,0,0,.22); }
.timeline-featured .timeline-reference{ display:inline-block; padding:6px 10px; border-radius:999px; background:rgba(19,36,58,.55); border:1px solid rgba(255,255,255,.16); color:#f5ddb0; margin-top:10px; }
.timeline-featured h3{ margin-top:10px; }
.timeline-featured p{ color:rgba(255,255,255,.94) !important; }
.timeline-link{ color:#ffe2a8 !important; font-weight:700; }
.event-era, .event-back, .event-hero h1, .event-hero p{ text-shadow:0 2px 10px rgba(0,0,0,.7); }