/* Estilo: Controla a aparência de eventos. */ /* GUIA DO ARQUIVO: Define cores, tamanhos, espaçamentos e apresentação visual de events. */ .site-page-events{--event-green:#24724a;--event-red:#a13b48;--event-amber:#9a651a}/* Estilo: Controla a aparência de eventos. */ .events-hero{padding:72px 0 92px;background:radial-gradient(circle at 85% 20%,rgba(208,173,92,.22),transparent 25%),linear-gradient(135deg,#172554,#253570);color:#fff}/* Estilo: Define a aparência dos elementos identificados por "section-kicker". */ .section-kicker{display:inline-flex;margin-bottom:12px;color:#f0d492;font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}/* Estilo: Controla a aparência de eventos. */ .events-hero h1{max-width:740px;font-size:clamp(2.3rem,5vw,4.4rem);letter-spacing:-.055em;line-height:1.03;margin:0}/* Estilo: Controla a aparência de eventos. */ .events-hero p{max-width:700px;margin:18px 0 0;color:rgba(255,255,255,.75);font-size:1.06rem}/* Estilo: Controla a aparência de eventos. */ .events-browser{margin-top:-34px;position:relative;z-index:2;padding-bottom:36px}/* Estilo: Controla a aparência de eventos. */ .event-filters{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(170px,.75fr) minmax(155px,.6fr) auto auto;gap:10px;padding:14px;background:#fff;border:1px solid #e4e6ed;border-radius:18px;box-shadow:0 18px 45px rgba(22,33,76,.12)}/* Estilo: Controla a aparência de eventos. */ .event-search{position:relative}/* Estilo: Controla a aparência de eventos. */ .event-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#858da0}/* Estilo: Controla a aparência de eventos. */ .event-search input,.event-filters select{width:100%;height:46px;border:1px solid #dde1e9;border-radius:11px;background:#fff;color:#30384e;padding:0 13px}/* Estilo: Controla a aparência de eventos. */ .event-search input{padding-left:40px}/* Estilo: Controla a aparência de eventos. */ .event-filters .btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px}/* Estilo: Controla a aparência de eventos. */ .events-results-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px 3px 17px;color:#4d566d}/* Estilo: Controla a aparência de eventos. */ .events-results-head strong{color:var(--site-navy);font-size:1.25rem}/* Estilo: Controla a aparência de eventos. */ .events-results-head span{font-size:.84rem;color:#82899a}/* Estilo: Controla a aparência de eventos. */ .event-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}/* Estilo: Controla a aparência de eventos. */ .event-card{background:#fff;border:1px solid #e5e7ed;border-radius:20px;overflow:hidden;box-shadow:0 13px 34px rgba(25,35,73,.07);display:flex;flex-direction:column;min-width:0;transition:.2s ease}/* Estilo: Controla a aparência de eventos. */ .event-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(25,35,73,.12)}/* Estilo: Controla a aparência de eventos. */ .event-card-media{height:205px;position:relative;background:#e8ebf1;overflow:hidden}/* Estilo: Controla a aparência de eventos. */ .event-card-media img{width:100%;height:100%;object-fit:cover;transition:.35s ease}/* Estilo: Controla a aparência de eventos. */ .event-card:hover .event-card-media img{transform:scale(1.035)}/* Estilo: Controla a aparência de eventos. */ .event-status{position:absolute;left:13px;top:13px;padding:6px 9px;border-radius:999px;background:#fff;color:#35405a;box-shadow:0 4px 14px rgba(15,23,42,.12);font-size:.72rem;font-weight:850}/* Estilo: Controla a aparência de eventos. */ .event-status.open{color:#18633d}/* Estilo: Controla a aparência de eventos. */ .event-status.urgent,.event-status.full{color:#945e12}/* Estilo: Controla a aparência de eventos. */ .event-status.closed,.event-status.done{color:#6e7480}/* Estilo: Controla a aparência de eventos. */ .event-card-body{padding:18px 18px 12px;flex:1}/* Estilo: Controla a aparência de eventos. */ .event-card-topline{display:flex;justify-content:space-between;gap:12px;color:#7f6a38;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}/* Estilo: Controla a aparência de eventos. */ .event-card-topline time{color:#7c8497}/* Estilo: Controla a aparência de eventos. */ .event-card h2{margin:8px 0 8px;font-size:1.27rem;line-height:1.22}/* Estilo: Controla a aparência de eventos. */ .event-card h2 a{color:var(--site-navy)}/* Estilo: Controla a aparência de eventos. */ .event-card p{color:#6d7484;font-size:.9rem;line-height:1.55;min-height:42px}/* Estilo: Controla a aparência de eventos. */ .event-card-meta{display:grid;gap:6px;padding:0;margin:15px 0 0;list-style:none;color:#555e74;font-size:.82rem}/* Estilo: Controla a aparência de eventos. */ .event-card-meta li{display:flex;align-items:center;gap:8px}/* Estilo: Controla a aparência de eventos. */ .event-card-meta i{color:#8b6b28}/* Estilo: Controla a aparência de rodapé. */ .event-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px 17px;border-top:1px solid #eef0f4}/* Estilo: Controla a aparência de rodapé. */ .event-card-footer strong{color:#1d284c}/* Estilo: Controla a aparência de eventos. */ .event-card-action{display:inline-flex;align-items:center;gap:5px;color:var(--site-blue);font-size:.86rem;font-weight:800}/* Estilo: Define a aparência dos elementos identificados por "empty-state". */ .empty-state{padding:70px 24px;text-align:center;background:#fff;border:1px solid #e5e7ed;border-radius:20px}/* Estilo: Define a aparência dos elementos identificados por "empty-state". */ .empty-state i{font-size:3rem;color:#a78947}/* Estilo: Define a aparência dos elementos identificados por "empty-state". */ .empty-state h2{color:var(--site-navy);margin:14px 0 7px}/* Estilo: Define a aparência dos elementos identificados por "empty-state". */ .empty-state p{color:var(--site-muted);margin-bottom:20px} /* detalhe *//* Estilo: Controla a aparência de eventos. */ .event-detail-hero{padding:46px 0;background:#f3f5f9}/* Estilo: Controla a aparência de eventos. */ .event-detail-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:42px;align-items:start}/* Estilo: Controla a aparência de eventos. */ .event-detail-image{position:sticky;top:98px;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px rgba(25,35,73,.13);background:#dfe3eb;aspect-ratio:4/3}/* Estilo: Controla a aparência de eventos. */ .event-detail-image img{width:100%;height:100%;object-fit:cover}/* Estilo: Controla a aparência de eventos. */ .event-detail-content{padding:10px 0}/* Estilo: Controla a aparência de eventos. */ .event-detail-content h1{color:var(--site-navy);font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.04;letter-spacing:-.045em;margin:10px 0 14px}/* Estilo: Controla a aparência de eventos. */ .event-detail-description{color:#626b7d;line-height:1.7}/* Estilo: Controla a aparência de eventos. */ .event-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}/* Estilo: Controla a aparência de eventos. */ .event-fact{display:flex;gap:11px;align-items:flex-start;padding:13px;border:1px solid #e1e4eb;border-radius:13px;background:#fff}/* Estilo: Controla a aparência de eventos. */ .event-fact i{color:#946f23;font-size:1.15rem}/* Estilo: Controla a aparência de eventos. */ .event-fact strong{display:block;color:#1d284b;font-size:.82rem}/* Estilo: Controla a aparência de eventos. */ .event-fact span{display:block;color:#6b7384;font-size:.81rem}/* Estilo: Controla a aparência de eventos. */ .event-cta-box{padding:18px;border-radius:16px;background:#fff;border:1px solid #e0e3ea;box-shadow:0 9px 25px rgba(25,35,73,.06)}/* Estilo: Controla a aparência de eventos. */ .event-cta-box .btn{width:100%;min-height:48px}/* Estilo: Controla a aparência de eventos. */ .event-cta-note{margin:10px 0 0;text-align:center;color:#7b8292;font-size:.78rem}/* Estilo: Define a aparência dos elementos identificados por "memories-section". */ .memories-section,.related-events{padding:56px 0}/* Estilo: Define a aparência dos elementos identificados por "section-heading". */ .section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}/* Estilo: Define a aparência dos elementos identificados por "section-heading". */ .section-heading h2{margin:0;color:var(--site-navy);font-size:1.8rem}/* Estilo: Define a aparência dos elementos identificados por "section-heading". */ .section-heading p{margin:4px 0 0;color:var(--site-muted)}/* Estilo: Define a aparência dos elementos identificados por "memories-grid". */ .memories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}/* Estilo: Controla a aparência de cartões de informações. */ .memory-card{border:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(25,35,73,.08)}/* Estilo: Controla a aparência de cartões de informações. */ .memory-card img,.memory-card iframe{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:0}/* Estilo: Controla a aparência de cartões de informações. */ .memory-card p{margin:0;padding:11px 13px;color:#626b7c;font-size:.82rem} /* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:1000px){.event-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-filters{grid-template-columns:1fr 1fr}.event-search{grid-column:1/-1}.event-detail-grid{grid-template-columns:1fr}.event-detail-image{position:relative;top:auto;aspect-ratio:16/9}.memories-grid{grid-template-columns:repeat(2,1fr)}} /* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:640px){.events-hero{padding:52px 0 74px}.events-browser{margin-top:-24px}.event-filters{grid-template-columns:1fr;padding:11px}.event-search{grid-column:auto}.event-card-grid{grid-template-columns:1fr}.events-results-head{align-items:flex-start;flex-direction:column;gap:4px}.event-card-media{height:195px}.event-facts{grid-template-columns:1fr}.memories-grid{grid-template-columns:1fr}.event-detail-hero{padding:26px 0}} /* Estilo: Controla a aparência de eventos. */ .event-detail-hero{padding:clamp(2.5rem,6vw,5.5rem) 0;background:linear-gradient(180deg,#f7f8fb,#fff)}/* Estilo: Controla a aparência de eventos. */ .event-detail-hero__grid{display:grid;grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}/* Estilo: Controla a aparência de eventos. */ .event-detail-hero__image{padding:.65rem;background:#fff;border:1px solid #e7eaf1;border-radius:1.5rem;box-shadow:0 22px 55px rgba(23,37,84,.12)}/* Estilo: Controla a aparência de eventos. */ .event-detail-hero__image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1.1rem}/* Estilo: Controla a aparência de eventos. */ .event-detail-badges{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}/* Estilo: Controla a aparência de eventos. */ .event-state{padding:.35rem .65rem;border-radius:99px;font-size:.75rem;font-weight:800}/* Estilo: Controla a aparência de eventos. */ .event-state--success{background:#eaf8ef;color:#1d7041}/* Estilo: Controla a aparência de eventos. */ .event-state--info{background:#e9f3ff;color:#1f5d9f}/* Estilo: Controla a aparência de eventos. */ .event-state--secondary{background:#eef0f4;color:#596174}/* Estilo: Controla a aparência de eventos. */ .event-state--danger{background:#fdecec;color:#a83232}/* Estilo: Controla a aparência de eventos. */ .event-detail-hero h1{font-size:clamp(2.25rem,4.4vw,4.2rem);line-height:1.04;letter-spacing:-.04em;color:#172554;margin:.8rem 0 1rem}/* Estilo: Controla a aparência de eventos. */ .event-lead{color:#5f687c;font-size:1.04rem;line-height:1.75;max-width:760px}/* Estilo: Controla a aparência de eventos. */ .event-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.6rem}/* Estilo: Controla a aparência de eventos. */ .event-detail-facts>div{display:flex;gap:.7rem;align-items:center;padding:.85rem 1rem;background:#fff;border:1px solid #e7eaf1;border-radius:.9rem}/* Estilo: Controla a aparência de eventos. */ .event-detail-facts i{font-size:1.25rem;color:#9d7720}/* Estilo: Controla a aparência de eventos. */ .event-detail-facts span{display:flex;flex-direction:column;min-width:0}/* Estilo: Controla a aparência de eventos. */ .event-detail-facts small{color:#7b8495;font-size:.72rem}/* Estilo: Controla a aparência de eventos. */ .event-detail-facts strong{color:#172554;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}/* Estilo: Controla a aparência de eventos. */ .event-detail-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.65rem}/* Estilo: Controla a aparência de eventos. */ .event-wait-note{color:#697386;margin:.9rem 0 0;font-size:.9rem}/* Estilo: Controla a aparência de inscrições. */ .event-registration-window{padding:0 0 2.5rem}/* Estilo: Controla a aparência de inscrições. */ .registration-window-card{display:flex;align-items:center;gap:.85rem;border:1px solid #e6e8ef;background:#fff;border-radius:1rem;padding:1rem 1.15rem;box-shadow:0 8px 24px rgba(23,37,84,.05)}/* Estilo: Controla a aparência de inscrições. */ .registration-window-card>i{color:#a57e24;font-size:1.4rem}/* Estilo: Controla a aparência de inscrições. */ .registration-window-card div{display:flex;flex-direction:column}/* Estilo: Controla a aparência de inscrições. */ .registration-window-card span{color:#6c7485;font-size:.9rem}/* Estilo: Controla a aparência de eventos. */ .event-memories,.event-related{padding:clamp(3.5rem,6vw,6rem) 0}/* Estilo: Controla a aparência de eventos. */ .event-memories{background:#f6f7fb}/* Estilo: Controla a aparência de eventos. */ .event-memory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}/* Estilo: Controla a aparência de eventos. */ .event-memory-card{background:#fff;border:1px solid #e5e8ee;border-radius:1rem;overflow:hidden;box-shadow:0 10px 26px rgba(23,37,84,.06)}/* Estilo: Controla a aparência de eventos. */ .event-memory-card img{width:100%;aspect-ratio:4/3;object-fit:cover}/* Estilo: Controla a aparência de eventos. */ .event-memory-card p{margin:0;padding:.9rem 1rem;color:#646d7f}/* Estilo: Controla a aparência de eventos. */ .related-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}/* Estilo: Controla a aparência de eventos. */ .related-event-card{border:1px solid #e7eaf0;background:#fff;border-radius:1.1rem;overflow:hidden;text-decoration:none;box-shadow:0 10px 28px rgba(23,37,84,.06);transition:.2s}/* Estilo: Controla a aparência de eventos. */ .related-event-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(23,37,84,.1)}/* Estilo: Controla a aparência de eventos. */ .related-event-card img{width:100%;aspect-ratio:16/9;object-fit:cover}/* Estilo: Controla a aparência de eventos. */ .related-event-card span{display:flex;flex-direction:column;padding:1rem}/* Estilo: Controla a aparência de eventos. */ .related-event-card small{color:#9c751b;text-transform:uppercase;font-size:.7rem;font-weight:800}/* Estilo: Controla a aparência de eventos. */ .related-event-card strong{color:#172554;font-size:1.08rem;margin:.3rem 0 .6rem}/* Estilo: Controla a aparência de eventos. */ .related-event-card em{font-style:normal;color:#6b7280;font-size:.86rem}/* Estilo: Controla a aparência de eventos. */ .related-event-card em i{margin-right:.35rem}/* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:900px){.event-detail-hero__grid{grid-template-columns:1fr}.event-detail-hero__image{max-width:680px}.event-memory-grid,.related-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}/* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:600px){.event-detail-facts,.event-memory-grid,.related-event-grid{grid-template-columns:1fr}.event-detail-actions .btn,.event-detail-actions form,.event-detail-actions form button{width:100%}.event-detail-hero__image{padding:.4rem;border-radius:1.1rem}} /* Visualizador avançado das Memórias do Evento */ /* Estilo: Controla a aparência de eventos. */ .event-memory-card--photo{position:relative}/* Estilo: Controla a aparência de eventos. */ .event-memory-photo{position:relative;display:block;width:100%;padding:0;border:0;background:#e7eaf1;cursor:zoom-in;overflow:hidden;text-align:left}/* Estilo: Controla a aparência de eventos. */ .event-memory-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .28s ease,filter .28s ease}/* Estilo: Controla a aparência de eventos. */ .event-memory-photo__overlay{position:absolute;inset:auto .75rem .75rem auto;display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .7rem;border-radius:999px;background:rgba(10,20,48,.82);color:#fff;font-size:.76rem;font-weight:800;opacity:0;transform:translateY(5px);transition:.2s ease;backdrop-filter:blur(6px)}/* Estilo: Controla a aparência de eventos. */ .event-memory-photo:hover img{transform:scale(1.025);filter:brightness(.92)}/* Estilo: Controla a aparência de eventos. */ .event-memory-photo:hover .event-memory-photo__overlay,.event-memory-photo:focus-visible .event-memory-photo__overlay{opacity:1;transform:none}/* Estilo: Controla a aparência de eventos. */ .event-memory-photo:focus-visible{outline:3px solid #c49a39;outline-offset:-3px}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer". */ .memory-viewer{position:fixed;inset:0;z-index:9999;display:none;align-items:stretch;justify-content:center;padding:0;background:rgba(4,8,20,.96);color:#fff}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer.is-open". */ .memory-viewer.is-open{display:flex}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer-open". */ .memory-viewer-open{overflow:hidden!important}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__shell". */ .memory-viewer__shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;min-width:0}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__topbar". */ .memory-viewer__topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(8,14,31,.9)}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__meta". */ .memory-viewer__meta{display:flex;align-items:baseline;gap:.75rem;min-width:0}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__meta". */ .memory-viewer__meta strong{font-size:.95rem;white-space:nowrap}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__meta". */ .memory-viewer__meta span{font-size:.8rem;color:rgba(255,255,255,.68);white-space:nowrap}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__toolbar". */ .memory-viewer__toolbar{display:flex;align-items:center;gap:.35rem}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__tool". */ .memory-viewer__tool,.memory-viewer__zoom-level{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 .7rem;border:1px solid rgba(255,255,255,.16);border-radius:.7rem;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:.18s}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__tool". */ .memory-viewer__tool:hover,.memory-viewer__zoom-level:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28)}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__tool". */ .memory-viewer__tool:disabled{opacity:.35;cursor:not-allowed}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__zoom-level". */ .memory-viewer__zoom-level{min-width:64px;font-size:.78rem;font-weight:800}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__main". */ .memory-viewer__main{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;min-height:0}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__stage". */ .memory-viewer__stage{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;touch-action:none;cursor:zoom-in;user-select:none}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__stage.is-zoomed". */ .memory-viewer__stage.is-zoomed{cursor:grab}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__stage.is-dragging". */ .memory-viewer__stage.is-dragging{cursor:grabbing}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__stage". */ .memory-viewer__stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center;transition:transform .12s ease-out;will-change:transform}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__stage.is-dragging". */ .memory-viewer__stage.is-dragging img{transition:none}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__nav". */ .memory-viewer__nav{align-self:center;display:grid;place-items:center;width:48px;height:68px;margin:.75rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:rgba(255,255,255,.08);color:#fff;font-size:1.45rem;cursor:pointer;z-index:2;transition:.18s}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__nav". */ .memory-viewer__nav:hover{background:rgba(255,255,255,.16);transform:scale(1.03)}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__bottom". */ .memory-viewer__bottom{border-top:1px solid rgba(255,255,255,.12);background:rgba(8,14,31,.92);padding:.65rem 1rem .75rem}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__description". */ .memory-viewer__description{max-width:900px;margin:0 auto .55rem;text-align:center;color:rgba(255,255,255,.86);font-size:.87rem;line-height:1.45}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__thumbs". */ .memory-viewer__thumbs{display:flex;justify-content:flex-start;gap:.5rem;max-width:100%;overflow-x:auto;padding:.15rem .1rem .35rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__thumb". */ .memory-viewer__thumb{flex:0 0 74px;width:74px;height:56px;padding:2px;border:2px solid transparent;border-radius:.6rem;background:rgba(255,255,255,.08);opacity:.58;overflow:hidden;cursor:pointer;transition:.18s}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__thumb". */ .memory-viewer__thumb img{width:100%;height:100%;object-fit:cover;border-radius:.38rem}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__thumb". */ .memory-viewer__thumb:hover{opacity:.9}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__thumb.is-active". */ .memory-viewer__thumb.is-active{border-color:#d4ad4d;opacity:1;box-shadow:0 0 0 1px rgba(212,173,77,.25)}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer__hint". */ .memory-viewer__hint{margin:.35rem 0 0;text-align:center;color:rgba(255,255,255,.48);font-size:.7rem}/* Estilo: Define a aparência dos elementos identificados por "memory-viewer". */ .memory-viewer button:focus-visible{outline:3px solid #e0bd65;outline-offset:2px}/* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:700px){.event-memory-photo__overlay{opacity:1;transform:none}.event-memory-photo__overlay span{display:none}.memory-viewer__topbar{padding:.55rem .6rem}.memory-viewer__meta strong{display:none}.memory-viewer__toolbar{gap:.22rem}.memory-viewer__tool,.memory-viewer__zoom-level{height:40px;min-width:40px;border-radius:.58rem}.memory-viewer__zoom-level{min-width:58px}.memory-viewer__main{grid-template-columns:1fr}.memory-viewer__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:58px;margin:0;background:rgba(8,14,31,.62)}.memory-viewer__nav:hover{transform:translateY(-50%) scale(1.02)}.memory-viewer__nav--prev{left:.45rem}.memory-viewer__nav--next{right:.45rem}.memory-viewer__stage{grid-column:1;min-height:0}.memory-viewer__stage img{max-height:100%}.memory-viewer__bottom{padding:.5rem .55rem .6rem}.memory-viewer__description{font-size:.8rem;margin-bottom:.4rem}.memory-viewer__thumb{flex-basis:62px;width:62px;height:48px}.memory-viewer__hint{display:none}} /* Correção de compatibilidade: o CSS legado usa seletores #galeriaModal com maior especificidade. Estas regras garantem que o visualizador moderno abra, feche e dimensione a foto corretamente. */ /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer{ display:none !important; position:fixed !important; inset:0 !important; z-index:10000000 !important; padding:0 !important; gap:0 !important; align-items:stretch !important; justify-content:center !important; background:rgba(4,8,20,.96) !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer.is-open{display:flex !important;} /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__shell{ width:100% !important; height:100% !important; max-width:none !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__toolbar .fechar{ position:static !important; top:auto !important; right:auto !important; width:auto !important; font-size:inherit !important; line-height:1 !important; color:#fff !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__stage img{ display:block !important; width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; margin:0 !important; border-radius:0 !important; box-shadow:none !important; object-fit:contain !important; animation:none !important; } /* Estilo: Define a aparência dos elementos identificados por "body.memory-viewer-open". */ body.memory-viewer-open{overflow:hidden !important;} /* Ajuste 2026-10-02: visualizador maior, pan em qualquer zoom e contenção */ /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__shell{ grid-template-rows:auto minmax(0,1fr) auto !important; overflow:hidden !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__topbar{ position:relative !important; z-index:5 !important; padding:.55rem .8rem !important; flex:0 0 auto !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__main{ position:relative !important; display:block !important; min-width:0 !important; min-height:0 !important; overflow:hidden !important; isolation:isolate !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__stage{ position:absolute !important; inset:0 !important; z-index:1 !important; display:grid !important; place-items:center !important; overflow:hidden !important; padding:6px 8px !important; cursor:grab !important; touch-action:none !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__stage.is-dragging{ cursor:grabbing !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__stage img{ position:relative !important; z-index:1 !important; width:auto !important; height:auto !important; max-width:98% !important; max-height:98% !important; object-fit:contain !important; transform-origin:center center !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__nav{ position:absolute !important; top:50% !important; transform:translateY(-50%) !important; z-index:4 !important; width:52px !important; height:72px !important; margin:0 !important; background:rgba(8,14,31,.68) !important; backdrop-filter:blur(5px) !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__nav:hover{ transform:translateY(-50%) scale(1.03) !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__nav--prev{left:14px !important;} /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__nav--next{right:14px !important;} /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__bottom{ position:relative !important; z-index:5 !important; padding:.42rem .8rem .5rem !important; flex:0 0 auto !important; background:rgba(8,14,31,.96) !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__description{ margin:0 auto .35rem !important; font-size:.82rem !important; line-height:1.35 !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__thumb{ flex-basis:64px !important; width:64px !important; height:48px !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__hint{ margin:.22rem 0 0 !important; font-size:.66rem !important; } /* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:700px){ #galeriaModal.memory-viewer .memory-viewer__stage{padding:4px !important;} #galeriaModal.memory-viewer .memory-viewer__stage img{max-width:100% !important;max-height:100% !important;} #galeriaModal.memory-viewer .memory-viewer__nav{width:44px !important;height:58px !important;} #galeriaModal.memory-viewer .memory-viewer__nav--prev{left:6px !important;} #galeriaModal.memory-viewer .memory-viewer__nav--next{right:6px !important;} #galeriaModal.memory-viewer .memory-viewer__bottom{padding:.35rem .5rem .42rem !important;} } /* Ajuste 2026-10-02 (v2): impede a foto de entrar sob as barras da galeria. O palco vira uma área de recorte independente e a imagem permanece maior. */ /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__main{ overflow:hidden !important; contain:paint !important; background:#050a18 !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__stage{ overflow:hidden !important; clip-path:inset(0) !important; overscroll-behavior:contain !important; background:#050a18 !important; padding:4px 8px !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__stage img{ max-width:99% !important; max-height:99% !important; transform-origin:center center !important; user-select:none !important; -webkit-user-drag:none !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__topbar, #galeriaModal.memory-viewer .memory-viewer__bottom{ overflow:hidden !important; isolation:isolate !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__bottom{ box-shadow:0 -8px 18px rgba(4,8,20,.32) !important; } /* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media (min-width:701px){ #galeriaModal.memory-viewer .memory-viewer__topbar{min-height:54px !important;} #galeriaModal.memory-viewer .memory-viewer__bottom{max-height:118px !important;} } /* Galeria v3: zoom amplo, centralização ao reduzir e rotação */ /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__stage img{ transform-origin:center center !important; } /* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:700px){ #galeriaModal.memory-viewer .memory-viewer__toolbar{ flex-wrap:wrap; justify-content:flex-end; } #galeriaModal.memory-viewer .memory-viewer__tool, #galeriaModal.memory-viewer .memory-viewer__zoom-level{ min-width:38px; height:38px; } } /* Galeria v4: 100% = imagem inteira ajustada ao palco. Evita que fotos verticais sejam cortadas/empurradas para a barra de miniaturas. */ /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__stage{ display:flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; padding:14px 28px !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__stage img{ flex:0 0 auto !important; width:var(--viewer-base-w, auto) !important; height:var(--viewer-base-h, auto) !important; max-width:none !important; max-height:none !important; margin:0 !important; inset:auto !important; object-fit:fill !important; transform-origin:center center !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__stage:not(.is-pannable){ cursor:zoom-in !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__stage.is-pannable{ cursor:grab !important; } /* Estilo: Controla a aparência de janelas que abrem sobre a tela. */ #galeriaModal.memory-viewer .memory-viewer__stage.is-pannable.is-dragging{ cursor:grabbing !important; } /* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:700px){ #galeriaModal.memory-viewer .memory-viewer__stage{ padding:10px 16px !important; } } /* v3 — programação, pagamento e orientações */ /* Estilo: Controla a aparência de eventos. */ .event-program,.event-guidance,.event-payment-info{padding:2rem 0}/* Estilo: Controla a aparência de eventos. */ .event-program-list{display:grid;gap:.75rem}/* Estilo: Controla a aparência de eventos. */ .event-program-item{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:1rem;padding:1rem 1.15rem;background:#fff;border:1px solid #e5e7eb;border-radius:16px}/* Estilo: Controla a aparência de eventos. */ .event-program-item time{font-weight:800;color:#172554}/* Estilo: Controla a aparência de eventos. */ .event-guidance-card,.event-payment-card{display:flex;gap:1rem;align-items:flex-start;padding:1.35rem 1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:18px}/* Estilo: Controla a aparência de eventos. */ .event-guidance-card>i{font-size:1.4rem;color:#b38318}/* Estilo: Controla a aparência de eventos. */ .event-payment-card{justify-content:space-between;flex-wrap:wrap}/* Estilo: Controla a aparência de eventos. */ .event-pix-key{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}/* Estilo: Controla a aparência de eventos. */ .event-pix-key code{padding:.7rem .9rem;background:#f3f4f6;border-radius:10px;color:#172554;font-weight:700;word-break:break-all}/* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:640px){.event-program-item{grid-template-columns:70px 1fr}.event-payment-card{display:block}.event-pix-key{margin-top:1rem}} /* Estilo: Controla a aparência de eventos. */ .events-pagination{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}/* Estilo: Controla a aparência de eventos. */ .events-pagination a{min-width:42px;height:42px;display:grid;place-items:center;border:1px solid #d7dce5;border-radius:10px;text-decoration:none;color:#172554;background:#fff;font-weight:700}/* Estilo: Controla a aparência de eventos. */ .events-pagination a.active{background:#172554;color:#fff;border-color:#172554} /* Informações visuais configuráveis na página do evento */ /* Estilo: Controla a aparência de eventos. */ .event-visual-info-section{padding:2.6rem 0 2.1rem;background:#fff} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-heading-public{justify-content:center;text-align:center;margin-bottom:1.4rem} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-heading-public>div{margin-inline:auto} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem 1.1rem;align-items:start} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card{text-align:center;min-width:0;padding:.35rem .45rem 1rem;border-radius:20px;transition:transform .18s ease,box-shadow .18s ease} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card:hover{transform:translateY(-3px)} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card__media{width:96px;height:96px;margin:0 auto .85rem;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eef2f7;box-shadow:inset 0 0 0 1px rgba(15,23,42,.06)} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card__media img{width:100%;height:100%;object-fit:cover;display:block} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card__media>i{font-size:2.35rem;color:#fff} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card__primary{display:flex;justify-content:center;align-items:center;gap:.35rem;font-size:1.08rem;line-height:1.25;margin-bottom:.32rem} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card__primary i{font-size:1rem} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card__secondary{font-size:.79rem;line-height:1.35;font-weight:800;text-transform:uppercase;letter-spacing:.025em;color:#556070;overflow-wrap:anywhere} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card--proibido .event-visual-info-card__media{background:#bd5757} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card--proibido .event-visual-info-card__primary{color:#d85a4d} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card--permitido .event-visual-info-card__media{background:#42b84f} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card--permitido .event-visual-info-card__primary{color:#37b766} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card--informativo .event-visual-info-card__media{background:#3b82c4} /* Estilo: Controla a aparência de eventos. */ .event-visual-info-card--informativo .event-visual-info-card__primary{color:#2f78b7} /* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:900px){.event-visual-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:520px){.event-visual-info-section{padding:2rem 0}.event-visual-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem .5rem}.event-visual-info-card{padding-inline:.15rem}.event-visual-info-card__media{width:82px;height:82px}.event-visual-info-card__primary{font-size:.95rem}.event-visual-info-card__secondary{font-size:.72rem}} /* Informativo textual rico do evento */ /* Estilo: Controla a aparência de eventos. */ .event-rich-info-section{padding:2.2rem 0;background:#fff} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-card{border-top:1px solid #edf0f4;padding-top:1.6rem} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-heading{margin-bottom:1rem} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content{color:#657083;font-size:.95rem;line-height:1.75;overflow-wrap:anywhere} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content h2,.event-rich-info-content h3,.event-rich-info-content h4{color:#26344f;margin:1.35rem 0 .5rem;line-height:1.25} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content h2{font-size:1.28rem}/* Estilo: Controla a aparência de eventos. */ .event-rich-info-content h3{font-size:1.1rem}/* Estilo: Controla a aparência de eventos. */ .event-rich-info-content h4{font-size:1rem} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content p{margin:.45rem 0}/* Estilo: Controla a aparência de eventos. */ .event-rich-info-content ul,.event-rich-info-content ol{padding-left:1.45rem;margin:.5rem 0} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content blockquote{margin:1rem 0;padding:.8rem 1rem;border-left:4px solid #ef8c2f;background:#fff8f0;color:#465268;border-radius:0 10px 10px 0} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content a{color:#2563eb;text-decoration:underline;text-underline-offset:2px} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content table{width:100%;border-collapse:collapse;margin:1rem 0;display:table} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content th,.event-rich-info-content td{border:1px solid #dfe4eb;padding:.65rem .75rem;text-align:left;vertical-align:top} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content th{background:#f6f8fb;color:#334155;font-weight:800} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content mark{padding:.05rem .2rem;border-radius:.2rem} /* Estilo: Ajusta a aparência em diferentes tamanhos de tela (celular, tablet ou computador). */ @media(max-width:640px){.event-rich-info-section{padding:1.6rem 0}.event-rich-info-content{font-size:.9rem}.event-rich-info-content table{display:block;overflow-x:auto;white-space:nowrap}} /* Imagens inseridas pelo editor do Informativo sobre o evento */ /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content img.rich-content-image{display:block;height:auto;max-width:100%;border-radius:12px;margin:1rem auto} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content .rich-content-image--small{width:min(240px,100%)} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content .rich-content-image--medium{width:min(480px,100%)} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content .rich-content-image--large{width:min(760px,100%)} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content .rich-content-image--full{width:100%} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content .rich-content-image--left{margin-left:0;margin-right:auto} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content .rich-content-image--center{margin-left:auto;margin-right:auto} /* Estilo: Controla a aparência de eventos. */ .event-rich-info-content .rich-content-image--right{margin-left:auto;margin-right:0}