.header{background-color:#f3e4c5;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;padding:1rem 0;font-family:Libre Baskerville,serif}.header-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:0 2rem}.logo-container{display:flex;align-items:center;justify-content:center}.logo{height:80px;width:auto;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.header-divider{width:100%;max-width:680px;border-bottom:1px solid rgba(55,61,85,.35);margin:.75rem 0 .5rem}.nav-menu{width:100%}.nav-menu ul{display:flex;gap:2rem;list-style:none;margin:.5rem 0 0;padding:0;justify-content:center}.nav-menu a{text-decoration:none;color:#373d55;font-weight:500;font-size:1rem;text-transform:uppercase;transition:color .3s ease;position:relative}.nav-menu a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#373d55;transition:width .3s ease}.nav-menu a:hover:after,.nav-menu a.active-link:after{width:100%}.nav-menu a.active-link{color:#000;font-weight:700}.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:#373d55}@media (max-width: 854px){.header-container{padding:0 1rem}.logo{height:60px}.menu-toggle{display:block}.nav-menu{width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.nav-menu.open{max-height:400px}.nav-menu ul{flex-direction:column;align-items:center;padding:2rem 0;gap:1.5rem}}.news-banner{background-color:#373d55;color:#fff;padding:.5rem 0;font-size:.9rem;width:100%}.news-banner-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem}.news-tag{background-color:#f3e4c5;color:#373d55;padding:.15rem .5rem;border-radius:4px;font-weight:700;font-size:.75rem;text-transform:uppercase}.news-text{margin:0}.news-link{color:#f3e4c5;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:.25rem;transition:opacity .3s}.news-link:hover{opacity:.8;text-decoration:underline}@media (max-width: 768px){.news-banner{padding:.25rem 0}.news-banner-container{padding:0 .5rem;text-align:center;justify-content:center;gap:.25rem}.news-text{font-size:.8rem;line-height:1.2}.news-link{white-space:nowrap;font-size:.85rem}}.footer{background-color:#ffe29f;color:#373d55;padding:3rem 0 1rem;font-family:Libre Baskerville,serif;margin-top:auto}.footer-inner{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-infos{display:grid;grid-template-columns:minmax(90px,180px) 1fr;gap:1.25rem;align-items:stretch}.logo-footer-wrap{align-self:stretch;width:100%;display:flex}.logo-footer{width:100%;height:100%;max-width:180px;max-height:220px;object-fit:contain}.footer-text h4{margin:0 0 .75rem;color:#000;text-transform:uppercase;letter-spacing:.5px;font-size:1.05rem;line-height:1.25}.footer-text p{margin:0 0 .5rem;color:#373d55}.footer-text a{color:#373d55;text-decoration:none;transition:color .3s ease}.footer-text a:hover{color:#000;text-decoration:underline}.footer-text address{font-style:normal;color:#373d55;line-height:1.5}.footer-text h5{margin:.75rem 0 .5rem;color:#000;text-transform:uppercase;letter-spacing:.5px;font-size:.95rem}.whatsapp-link{display:inline-flex;align-items:center;justify-content:center}.whatsapp-logo{width:52px;height:52px;object-fit:contain}.footer-bottom{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(55,61,85,.2);font-size:.9rem}@media (max-width: 768px){.footer-infos{grid-template-columns:1fr;justify-items:center;text-align:center}.logo-footer-wrap{justify-content:center;margin-bottom:1.25rem}.logo-footer{max-width:90px;max-height:120px}.footer-text h4,.footer-text p,.footer-text address,.footer-text h5{text-align:center}.footer-bottom{margin-top:2rem}}.home{width:100%;display:flex;flex-direction:column;gap:4rem;padding-bottom:4rem}.hero-banner{width:100%;display:grid;place-items:center;margin-top:0;position:relative;overflow:hidden;border-radius:0 0 12px 12px;box-shadow:0 4px 15px #0000001a;background:#000}.hero-banner picture{width:100%;display:block}.banner-img{width:100%;height:min(560px,70vh);object-fit:cover;object-position:center}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.hero-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1100px,100%);padding:0 2rem;text-align:center;color:var(--accent-color);font-family:Libre Baskerville,serif;font-size:clamp(1.6rem,2.8vw,2.8rem);font-style:italic;font-weight:900;letter-spacing:.02em;line-height:1.25;text-shadow:-1px -1px 0 rgba(255,255,255,.92),0 -1px 0 rgba(255,255,255,.92),1px -1px 0 rgba(255,255,255,.92),-1px 0 0 rgba(255,255,255,.92),1px 0 0 rgba(255,255,255,.92),-1px 1px 0 rgba(255,255,255,.92),0 1px 0 rgba(255,255,255,.92),1px 1px 0 rgba(255,255,255,.92),0 3px 16px rgba(0,0,0,.72);margin:0;z-index:1}.quick-access,.latest-articles{max-width:1200px;margin:0 auto;width:100%;padding:0 2rem;text-align:center}.quick-access h2,.latest-articles h2,.recado-nossa-senhora h2{font-family:Libre Baskerville,serif;font-size:2rem;margin-bottom:2rem;color:#373d55;position:relative;display:inline-block}.quick-access h2:after,.latest-articles h2:after,.recado-nossa-senhora h2:after{content:"";position:absolute;width:60%;height:2px;background-color:#d4af37;bottom:-10px;left:20%}.access-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2rem;margin-top:2rem}.access-card-link{text-decoration:none;color:inherit;display:block;height:100%}.access-card{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;gap:1rem;height:100%}.access-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a;border-color:#d4af37}.card-icon{color:#d4af37;margin-bottom:.5rem}.access-card h3{color:#373d55;margin:0;font-family:Libre Baskerville,serif;font-size:1.2rem}.access-card p{color:#666;font-size:.9rem;margin:0}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.article-card-link{text-decoration:none;color:inherit}.article-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.article-img-container{height:200px;overflow:hidden}.article-img-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .article-img-container img{transform:scale(1.05)}.article-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.article-content h3{font-size:1.1rem;margin-bottom:1rem;color:#373d55;line-height:1.4}.read-more{color:#d4af37;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.articles-see-all{display:inline-flex;margin-top:1.25rem;padding:.75rem 1.1rem;border-radius:10px;background:#373d55;color:#fff;font-weight:600}.articles-see-all:hover{background:#2a2f45;color:#fff}.placeholder-text{color:#888;font-style:italic;margin-top:2rem}.recado-nossa-senhora{max-width:1200px;margin:0 auto;width:100%;padding:0 2rem;text-align:center}.recado-home-card-link{text-decoration:none;color:inherit;display:block}.recado-home-card{position:relative;width:100%;height:260px;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #0000001f;background-color:#000;background-position:center;background-size:cover;background-repeat:no-repeat;background-image:image-set(url(/assets/img/recado-800.avif) type("image/avif") 1x,url(/assets/img/recado-1600.avif) type("image/avif") 2x,url(/assets/img/recado-800.webp) type("image/webp") 1x,url(/assets/img/recado-1600.webp) type("image/webp") 2x,url(/assets/img/recado.png) 1x);display:flex;align-items:flex-end;transition:transform .25s ease,box-shadow .25s ease}.recado-home-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000002e}.recado-home-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#000000b3)}.recado-home-card-content{position:relative;z-index:1;width:100%;padding:1.25rem 1.25rem 1.4rem;text-align:left;color:#fff;display:flex;flex-direction:column;gap:.45rem}.recado-home-card-content h3{margin:0;font-family:Libre Baskerville,serif;font-size:1.45rem;color:#fff}.recado-home-card-content p{margin:0;color:#ffffffe6;max-width:720px}.recado-home-card-cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;width:fit-content;padding:.65rem .95rem;border-radius:10px;background:#f3e4c5eb;color:#373d55;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem}@media (max-width: 768px){.home{gap:3rem}.hero-banner{border-radius:0}.hero-title{padding:0 1rem}}@media (max-width: 1100px){.access-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.access-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.access-grid{grid-template-columns:1fr}.recado-nossa-senhora{padding:0 1rem}.recado-home-card{height:240px;border-radius:12px}.recado-home-card-content{padding:1rem 1rem 1.1rem}.recado-home-card-content h3{font-size:1.25rem}}#root{width:100%;min-height:100vh}body{margin:0;padding:0;background-color:#f9f9f9;color:#333;font-family:Inter,sans-serif;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;display:flex;flex-direction:column}.placeholder-page{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.5rem;color:#666;font-family:Libre Baskerville,serif}:root{--primary-color: #373d55;--secondary-color: #d4af37;--background-color: #f9f9f9;--background-alt: #f3e4c5;--text-color: #333333;--text-light: #ffffff;--accent-color: #8b0000;--font-heading: "Libre Baskerville", serif;--font-body: "Inter", sans-serif;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1)}*{box-sizing:border-box}body{background-color:var(--background-color);color:var(--text-color);font-family:var(--font-body);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary-color);margin-top:0}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--secondary-color)}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.page-container{width:100%;max-width:1200px;margin:2rem auto;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.btn{display:inline-block;padding:.8rem 1.5rem;background-color:var(--primary-color);color:var(--text-light);border-radius:var(--border-radius);font-weight:500;border:none;cursor:pointer;transition:background-color .3s ease}.btn:hover{background-color:#2a2f45}.section-title{text-align:center;margin-bottom:var(--spacing-xl);position:relative}.section-title:after{content:"";display:block;width:60px;height:3px;background-color:var(--secondary-color);margin:var(--spacing-sm) auto 0}.image-clickable{cursor:zoom-in}.image-clickable:focus{outline:2px solid var(--secondary-color);outline-offset:4px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:2000;display:flex;justify-content:center;align-items:center;padding:1rem}.modal-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center}.modal-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px;box-shadow:0 0 20px #00000080}.close-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}.modal-caption{color:#fff;margin-top:1rem;font-size:1.1rem}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#00000059;color:#fff;font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer}.modal-prev{left:-64px}.modal-next{right:-64px}@media (max-width: 768px){.page-container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.modal-prev{left:0}.modal-next{right:0}}