/* ============================================================ Componentes reutilizáveis (template parts p/ WordPress): header, navegação, rodapé, cartões de notícia e evento ============================================================ */ /* ===================== HEADER ===================== */ /* display:contents removes the header's own box so the sticky nav-bar's containing block becomes — letting the slim util-bar scroll away while the main menu stays locked to the top of the viewport. */ .site-header{display:contents;} /* --- barra utilitária --- */ .util-bar{ background:var(--blue-ink); color:var(--gold-pale); font-size:.8rem; border-bottom:1px solid rgba(203,168,91,.22); } .util-bar__inner{ display:flex;align-items:center;justify-content:space-between;gap:1rem; min-height:30px;padding-block:2px; } .util-social{display:flex;align-items:center;gap:.25rem;} .util-social a{ width:39px;height:39px;display:grid;place-items:center;border-radius:50%; color:var(--gold-pale);text-decoration:none;transition:background .2s,color .2s,transform .2s; } .util-social a:hover{background:rgba(203,168,91,.16);color:#fff;transform:translateY(-1px);} .util-social svg{width:22px;height:22px;} .util-motto{ font-family:var(--cormo);font-style:italic;font-size:1.02rem;letter-spacing:.02em; color:var(--gold-pale);text-align:center;flex:1; } .util-motto b{color:var(--gold-bright);font-style:normal;font-weight:600;font-family:var(--smallcaps);letter-spacing:.08em;font-size:.84rem;} .util-restrita{ display:inline-flex;align-items:center;gap:.5em;white-space:nowrap; font-family:var(--smallcaps);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem; color:var(--gold-pale);text-decoration:none;transition:color .2s; } .util-restrita:hover{color:#fff;} .util-restrita svg{width:14px;height:14px;} /* --- barra principal --- */ .nav-bar{ background:var(--paper); border-bottom:2px solid var(--gold); box-shadow:0 2px 0 rgba(176,138,46,.25),var(--shadow-sm); position:sticky;top:0;z-index:55; } .nav-bar__inner{display:flex;align-items:center;gap:1rem;min-height:125px;transition:min-height .28s var(--ease,ease);} .brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;flex-shrink:0;} .brand__seal{width:110px;height:110px;border-radius:50%;flex-shrink:0; transition:width .28s var(--ease,ease),height .28s var(--ease,ease); box-shadow:0 0 0 1px var(--gold),0 0 0 4px rgba(176,138,46,.18);} .brand__txt{display:flex;flex-direction:column;line-height:1;} .brand__title{font-family:var(--display);font-weight:600;font-size:1.22rem;line-height:1.16;color:var(--red);letter-spacing:.005em;max-width:20ch;transition:font-size .28s var(--ease,ease);} .brand__title b{font-weight:600;} /* --- estado compacto ao rolar (50% da altura/timbre) --- */ .nav-bar.is-compact .nav-bar__inner{min-height:62px;} .nav-bar.is-compact .brand__seal{width:55px;height:55px;box-shadow:0 0 0 1px var(--gold),0 0 0 3px rgba(176,138,46,.16);} .nav-bar.is-compact .brand__title{font-size:1.02rem;line-height:1.1;} .main-nav{margin-left:auto;} .main-nav>ul{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;} .main-nav .nav-link{ display:inline-flex;align-items:center;gap:.3em; font-family:var(--smallcaps);font-weight:600;letter-spacing:.03em;text-transform:uppercase; font-size:1.01rem;color:var(--ink);text-decoration:none; padding:.6em .52em;border-radius:2px;position:relative;white-space:nowrap; transition:color .2s; } .main-nav .nav-link::after{ content:"";position:absolute;left:.52em;right:.52em;bottom:.34em;height:2px; background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease); } .main-nav .nav-item:hover>.nav-link,.main-nav .nav-link[aria-current="page"]{color:var(--red);} .main-nav .nav-item:hover>.nav-link::after,.main-nav .nav-link[aria-current="page"]::after{transform:scaleX(1);} .nav-link .caret{width:9px;height:9px;transition:transform .28s var(--ease);opacity:.7;} .nav-item:hover .nav-link .caret{transform:rotate(180deg);} /* dropdown */ .nav-item{position:relative;} .submenu{ position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%) translateY(8px); min-width:264px;background:var(--paper);border:1px solid var(--line); border-top:2px solid var(--gold);box-shadow:var(--shadow-lg);border-radius:0 0 var(--radius) var(--radius); padding:.5rem;list-style:none;margin:0; opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s,transform .24s var(--ease);z-index:60; } .nav-item:hover .submenu,.nav-item:focus-within .submenu,.submenu.open{ opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0); } .submenu a{ display:flex;align-items:center;gap:.6em; font-family:var(--sans);font-size:1rem;color:var(--ink);text-decoration:none; padding:.62em .8em;border-radius:2px;transition:background .18s,color .18s,padding-left .18s; } .submenu a::before{content:"";width:5px;height:5px;background:var(--gold);transform:rotate(45deg);flex-shrink:0;opacity:.6;transition:opacity .18s;} .submenu a:hover{background:var(--paper-warm);color:var(--red);padding-left:1.05em;} .submenu a:hover::before{opacity:1;} .submenu .sm-em{font-family:var(--cormo);font-style:italic;font-size:1.04rem;color:var(--blue);} .nav-cta{margin-left:.55rem;flex-shrink:0;font-size:.82rem;padding:.8em 1.15em;letter-spacing:.08em;} /* hamburger */ .nav-toggle{display:none;background:none;border:1.5px solid var(--gold);border-radius:var(--radius); width:46px;height:46px;align-items:center;justify-content:center;margin-left:auto;color:var(--red);} .nav-toggle svg{width:24px;height:24px;} /* mobile drawer */ .mobile-nav{display:none;} @media (max-width:1300px){ .util-motto{font-size:.92rem;} .main-nav,.nav-bar .nav-cta{display:none;} .nav-toggle{display:flex;} .mobile-nav{ display:block;position:fixed;inset:0 0 0 auto;width:min(380px,86vw);z-index:200; background:var(--paper);box-shadow:var(--shadow-lg);border-left:2px solid var(--gold); transform:translateX(100%);transition:transform .35s var(--ease);overflow-y:auto; padding:1.4rem 1.3rem 2.4rem; } .mobile-nav.open{transform:none;} .mobile-scrim{display:none;position:fixed;inset:0;background:rgba(18,16,47,.5);z-index:150;opacity:0;transition:opacity .3s;} .mobile-scrim.open{display:block;opacity:1;} } /* --- header compacto em telas estreitas (cabe o sanduíche) --- */ @media (max-width:640px){ .nav-bar__inner{gap:.6rem;min-height:84px;} .brand{flex:1 1 auto;min-width:0;gap:.5rem;} .brand__seal{width:56px;height:56px;box-shadow:0 0 0 1px var(--gold),0 0 0 3px rgba(176,138,46,.16);} .brand__txt{min-width:0;} .brand__title{font-size:.92rem;line-height:1.12;max-width:none;} .nav-toggle{flex-shrink:0;margin-left:.2rem;width:42px;height:42px;} .nav-toggle svg{width:22px;height:22px;} } .mobile-nav__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;} .mobile-nav__close{background:none;border:0;color:var(--red);width:40px;height:40px;} .mobile-nav__close svg{width:26px;height:26px;} .m-group{border-top:1px solid var(--line);} .m-group__head{ width:100%;background:none;border:0;text-align:left;display:flex;align-items:center;justify-content:space-between; font-family:var(--smallcaps);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:1rem;color:var(--ink); padding:1em .2em; } .m-group__head .caret{width:12px;height:12px;color:var(--gold);transition:transform .25s;} .m-group.open .m-group__head .caret{transform:rotate(180deg);} .m-sub{list-style:none;margin:0;padding:0 0 .6em .2em;display:none;} .m-group.open .m-sub{display:block;} .m-sub a,.m-link{display:block;padding:.5em .2em;color:var(--ink-soft);text-decoration:none;font-size:1.02rem;} .m-sub a:hover,.m-link:hover{color:var(--red);} .m-link{font-family:var(--smallcaps);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:1rem;color:var(--ink);border-top:1px solid var(--line);} /* ===================== FOOTER ===================== */ .site-footer{background:var(--blue-ink);color:#cbc6dd;position:relative;margin-top:auto;} .site-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:3px; background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold-bright) 50%,var(--gold) 80%,transparent);} .footer-top{padding-block:clamp(48px,6vw,82px);display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:clamp(28px,4vw,56px);} .footer-brand .footer-seal{width:84px;height:84px;border-radius:50%;box-shadow:0 0 0 1px var(--gold),0 0 0 5px rgba(203,168,91,.16);} .footer-brand h3{color:#fff;font-size:1.4rem;margin:.9rem 0 .3rem;} .footer-motto{font-family:var(--cormo);font-style:italic;font-size:1.16rem;color:var(--gold-bright);margin:.4rem 0 1.1rem;} .footer-col h4{font-family:var(--smallcaps);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;color:var(--gold);margin-bottom:1.1rem;} .footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.62rem;} .footer-col a{color:#cbc6dd;text-decoration:none;font-size:1rem;transition:color .2s,padding-left .2s;} .footer-col a:hover{color:#fff;padding-left:4px;} .footer-contact p{margin:0 0 .55rem;font-size:1rem;color:#cbc6dd;display:flex;gap:.6em;align-items:flex-start;} .footer-contact svg{width:16px;height:16px;flex-shrink:0;margin-top:4px;color:var(--gold-light);} .footer-social{display:flex;gap:.5rem;margin-top:1rem;} .footer-social a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(203,168,91,.35);border-radius:50%;color:var(--gold-pale);transition:background .2s,color .2s,transform .2s;} .footer-social a:hover{background:var(--gold);color:var(--blue-ink);transform:translateY(-2px);} .footer-social svg{width:18px;height:18px;} .footer-bottom{border-top:1px solid rgba(203,168,91,.2);padding-block:1.4rem; display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.86rem;color:#9b96b4;} .footer-bottom a{color:#cbc6dd;text-decoration:none;} .footer-bottom a:hover{color:var(--gold-bright);} .footer-bottom nav{display:flex;gap:1.4rem;flex-wrap:wrap;} @media (max-width:880px){.footer-top{grid-template-columns:1fr 1fr;}} @media (max-width:560px){.footer-top{grid-template-columns:1fr;}.footer-bottom{flex-direction:column;align-items:flex-start;}} /* ===================== CARTÃO DE NOTÍCIA (loop) ===================== */ .news-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line); border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit; box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;height:100%;} .news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--gold-light);} .news-card__media{aspect-ratio:16/10;position:relative;overflow:hidden;background:var(--paper-warm);} .news-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);} .news-card:hover .news-card__media img{transform:scale(1.04);} .news-card__cat{position:absolute;top:12px;left:12px;} .news-card__body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.55rem;flex:1;} .news-card__date{font-family:var(--smallcaps);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;color:var(--ink-faint);} .news-card__title{font-family:var(--display);font-weight:700;font-size:1.28rem;line-height:1.18;color:var(--ink);transition:color .2s;} .news-card:hover .news-card__title{color:var(--red);} .news-card__excerpt{font-size:.98rem;color:var(--ink-soft);margin:0;} .news-card__more{margin-top:auto;padding-top:.3rem;} /* ===================== CARTÃO DE EVENTO ===================== */ .event-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.4rem; background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--red); border-radius:var(--radius);padding:1.2rem 1.5rem;box-shadow:var(--shadow-sm); transition:transform .25s var(--ease),box-shadow .25s var(--ease);} .event-card:hover{transform:translateX(4px);box-shadow:var(--shadow-md);} .event-date{text-align:center;font-family:var(--display);line-height:1;border-right:1px solid var(--line);padding-right:1.4rem;min-width:84px;} .event-date .d{font-size:2.5rem;font-weight:800;color:var(--red);} .event-date .m{font-family:var(--smallcaps);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;color:var(--ink-soft);display:block;margin-top:2px;} .event-date .y{font-size:.74rem;color:var(--ink-faint);display:block;} .event-info h4{font-size:1.3rem;margin-bottom:.3rem;} .event-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.92rem;color:var(--ink-soft);} .event-meta span{display:inline-flex;align-items:center;gap:.4em;} .event-meta svg{width:14px;height:14px;color:var(--gold);} @media (max-width:620px){ .event-card{grid-template-columns:auto 1fr;gap:1rem;} .event-card .btn{grid-column:1/-1;justify-self:start;} }