/* CSS unificado das seções antigas do portal SEI */
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#333;background:#f8fafc}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 20px}.highlight{color:#fbbf24}.highlight-blue{color:#2563eb}.highlight-green{color:#10b981}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:0;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:16px;gap:8px}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 15px #2563eb4d}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.btn-secondary{background:#fff;color:#1e3a8a;box-shadow:0 4px 6px #0000001a}.btn-secondary:hover{background:#dbeafe;transform:translateY(-2px)}.btn-video{background:#dc2626;color:#fff;font-size:14px;padding:8px 16px}.btn-video:hover{background:#b91c1c}.btn-course,.btn-training{background:#059669;color:#fff}.btn-course{width:100%}.btn-course:hover,.btn-training:hover{background:#047857}.btn-external{background:#2563eb;color:#fff;font-size:14px;padding:8px 16px}.btn-external:hover{background:#1d4ed8}.btn-contact{background:#10b981;color:#fff;padding:16px 32px;font-size:18px}.btn-contact:hover{background:#059669}.btn-outline{background:transparent;color:#10b981;border:2px solid #10b981}.btn-outline:hover{background:#ecfdf5}.btn-outline-white{background:transparent;color:#fff;border:2px solid #fff}.btn-outline-white:hover{background:#fff;color:#1e3a8a}.btn-access{background:#10b981;color:#fff}.btn-access:hover{background:#059669}
/* Hero antigo mantido como referência de compatibilidade; o novo topo usa .classic-sei-page */
.hero-section{width:100%;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,#1e3a8a,#3730a3);color:#fff;padding:100px 0 200px;position:relative}.hero-content{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:flex-start;margin-bottom:40px}.hero-logo{display:flex;justify-content:center}.logo-img{width:100%;max-width:350px;height:auto;object-fit:contain}.hero-text{text-align:left}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:24px}.hero-subtitle{font-size:2rem;font-weight:600;margin-bottom:16px;display:inline-block;white-space:nowrap}.hero-slogan{color:#fbbf24;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:4px solid #fbbf24;display:inline-block;padding-bottom:4px;margin-bottom:32px}.hero-description{max-width:800px;font-size:1.25rem;color:#bfdbfe;line-height:1.7;margin-bottom:40px;text-align:left}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}.scroll-indicator{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);z-index:2}.scroll-btn{background:#ffffff1a;border:0;color:#ffffffcc;padding:16px;border-radius:50%;animation:bounce 2s infinite}.scroll-btn:hover{background:#ffffff33;color:#fff}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}
section{padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:3rem;font-weight:800;color:#1f2937;margin-bottom:24px}.section-title.white{color:#fff}.section-divider{width:96px;height:4px;background:#2563eb;margin:0 auto 32px;border-radius:2px}.section-divider.green{background:#10b981}.section-description{font-size:1.25rem;color:#6b7280;max-width:800px;margin:0 auto;line-height:1.7}.section-description.white{color:#bfdbfe}
.about-section{padding:80px 20px;background:#fff}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-paragraph{font-size:1.125rem;color:#374151;line-height:1.8;margin-bottom:24px}.info-box{background:#dbeafe;padding:24px;border-radius:12px;border-left:4px solid #2563eb;margin-bottom:24px}.info-box-dark{background:#1e3a8a;color:#fff;border-left-color:#3b82f6}.info-title{font-size:1.25rem;font-weight:700;color:#2563eb;margin-bottom:12px}.info-box-dark .info-title{color:#fff}.info-text{color:#374151;line-height:1.7}.info-box-dark .info-text{color:#bfdbfe}.about-visual{display:flex;justify-content:center}.visual-card{width:384px;height:384px;background:linear-gradient(135deg,#dbeafe,#bfdbfe 50%,#dbeafe);border-radius:16px;padding:32px;box-shadow:0 20px 25px -5px #0000001a}.visual-content{height:100%;background:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.visual-icon{font-size:4rem;margin-bottom:16px}.visual-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:8px}.visual-description{color:#6b7280;margin-bottom:16px}.visual-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.dot-1{background:#2563eb}.dot-2{background:#1d4ed8;animation-delay:.2s}.dot-3{background:#1e40af;animation-delay:.4s}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
.benefits-section{background:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:60px}.benefit-card{background:#f9fafb;padding:32px;border-radius:12px;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.benefit-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-4px)}.benefit-icon{color:#2563eb;font-size:3rem;margin-bottom:24px}.benefit-card:hover .benefit-icon{color:#1d4ed8}.benefit-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:16px}.benefit-description{color:#6b7280;line-height:1.7}.stats-section{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:16px;padding:48px;text-align:center;color:#fff}.stats-title{font-size:2rem;font-weight:700;margin-bottom:16px}.stats-description{font-size:1.125rem;color:#bfdbfe;margin-bottom:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}.stat-item{text-align:center}.stat-number{font-size:3rem;font-weight:700;color:#fff}.stat-label{color:#bfdbfe;font-size:1rem}
.training-section{background:#f9fafb}.training-category{margin-bottom:60px}.category-header{padding:24px;border-radius:16px 16px 0 0;text-align:center}.category-videos{background:#dc2626;color:#fff}.category-courses{background:#059669;color:#fff}.category-external{background:#2563eb;color:#fff}.category-title{font-size:2rem;font-weight:700;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px}.category-description{font-size:1.125rem;opacity:.9}.training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;background:#fff;padding:24px;border-radius:0 0 16px 16px;box-shadow:0 10px 15px #0000001a}.training-card{border:1px solid #e5e7eb;border-radius:12px;padding:24px;transition:all .3s ease}.training-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-2px)}.training-card.course-card{border-left:4px solid #059669;text-align:center}.training-card.external-card{border-left:4px solid #2563eb}.course-icon{width:64px;height:64px;background:#ecfdf5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#059669;font-size:1.5rem}.external-icon{width:48px;height:48px;background:#dbeafe;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2563eb;font-size:1.5rem;margin-right:12px}.card-header{margin-bottom:16px}.card-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:8px}.card-channel,.card-institution,.card-type{font-size:.875rem;color:#6b7280;display:block;margin-bottom:4px}.card-duration{font-size:.875rem;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px;display:inline-block}.course-level{font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;display:inline-block;margin-top:8px}.level-basic{background:#ecfdf5;color:#059669}.level-advanced{background:#fff7ed;color:#ea580c}.level-knowledge{background:#dbeafe;color:#2563eb}.card-description{color:#6b7280;line-height:1.6;margin-bottom:20px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.training-footer{background:#1f2937;color:#fff;padding:48px;border-radius:16px;text-align:center}.footer-title{font-size:2rem;font-weight:700;margin-bottom:24px}.footer-description{font-size:1.125rem;color:#d1d5db;margin:0 auto 32px;max-width:800px;line-height:1.7}
.faq-section{background:#f9fafb}.faq-container{background:#fff;border-radius:16px;box-shadow:0 10px 15px #0000001a;padding:32px}.faq-item{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.faq-question{padding:20px 24px;background:#f9fafb;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:600;color:#1f2937;transition:all .3s ease}.faq-question:hover{background:#f3f4f6;color:#2563eb}.faq-question i{transition:transform .3s ease}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:all .3s ease;background:#fff}.faq-answer.active{padding:20px 24px;max-height:1000px}.faq-answer p{color:#6b7280;line-height:1.7}.faq-footer{text-align:center;margin-top:48px}.faq-footer-text{color:#6b7280;margin-bottom:16px}.faq-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.contact-section{width:100%;margin-left:0;padding:80px 0;background:#1e3a8a;color:#fff}.contact-grid,.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:32px;margin-bottom:48px}.contact-card{background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid #ffffff33;border-radius:16px;padding:32px;text-align:center;transition:all .3s ease;cursor:pointer}.contact-card:hover{background:#ffffff26;transform:translateY(-4px)}.contact-icon{color:#10b981;font-size:3rem;margin-bottom:24px}.contact-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:16px}.contact-description{color:#bfdbfe;font-size:1.125rem;margin-bottom:32px}.committee-members{text-align:left}.member{background:#ffffff0d;border-radius:8px;padding:16px;border:1px solid #ffffff1a;margin-bottom:16px}.member-name{font-weight:700;color:#fff;font-size:1.125rem;margin-bottom:4px}.member-role{color:#10b981;font-weight:500;margin-bottom:8px}.member-email{color:#bfdbfe;font-size:.875rem;overflow-wrap:anywhere}.info-card{background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid #ffffff33;border-radius:16px;padding:32px}.info-header{display:flex;align-items:center;margin-bottom:24px}.info-header i{color:#10b981;font-size:2rem;margin-right:12px}.info-header h3{font-size:1.25rem;font-weight:700;color:#fff}.info-details{margin-bottom:24px}.info-item{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.info-label{font-weight:600;color:#fff;min-width:80px}.info-value{color:#bfdbfe}.info-description{color:#bfdbfe;line-height:1.7;margin-bottom:24px}.institutional-links{background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid #ffffff33;border-radius:16px;padding:32px;text-align:center;margin-bottom:48px}.institutional-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:32px}.institutional-buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}.creator-credits{text-align:center;color:#ffffff80;font-size:.875rem}.creator-name{font-weight:600}
.dropdown-container{position:relative;display:inline-block}.dropdown-toggle{position:relative;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:0;color:#fff;padding:14px 24px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #2563eb4d;min-width:180px;justify-content:center}.dropdown-toggle:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.dropdown-arrow{transition:transform .3s ease;font-size:12px}.dropdown-toggle.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 10px 30px #00000026;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;margin-top:8px;border:1px solid #0000001a;overflow:hidden}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0);animation:dropdownFadeIn .3s ease}.dropdown-item{display:flex;align-items:center;gap:12px;padding:14px 20px;color:#374151;text-decoration:none;font-weight:500;border-bottom:1px solid #0000000d}.dropdown-item:last-child{border-bottom:0}.dropdown-item:hover{background:#f8fafc;color:#2563eb;transform:translateX(4px)}.dropdown-item i{font-size:14px;width:16px;text-align:center}@keyframes dropdownFadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-internal-green{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 4px 15px #10b9814d!important}.btn-internal-green:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px)}
@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:40px;align-items:center}.hero-title{font-size:3rem}.about-content{grid-template-columns:1fr;gap:40px}.benefits-grid,.training-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.contact-grid,.contact-info-grid{grid-template-columns:1fr}.hero-logo{margin-bottom:20px}.hero-text{text-align:center}.hero-slogan{margin:0 auto 32px}.hero-buttons{justify-content:center}}
@media(max-width:768px){.container{padding:0 16px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem;white-space:normal}.section-title{font-size:2.5rem}.hero-buttons,.faq-buttons,.institutional-buttons{flex-direction:column}.hero-buttons{align-items:stretch}.btn{width:100%;justify-content:center}.stats-grid{grid-template-columns:1fr;gap:24px}.contact-card{padding:24px 20px;text-align:left;min-height:auto}.committee-members{padding:0}.member{padding:12px 16px;margin-bottom:12px}.member-name{font-size:1rem;line-height:1.4}.member-role{font-size:.875rem;margin-bottom:6px}.member-email{font-size:.8rem;overflow-wrap:anywhere}.contact-info-grid{grid-template-columns:1fr;gap:24px}.info-card{padding:24px 20px}.dropdown-toggle{min-width:160px;padding:12px 20px;font-size:14px}.dropdown-item{padding:12px 16px;font-size:14px}.dropdown-container{width:100%}.dropdown-toggle{width:100%}}
@media(max-width:600px){.hero-buttons{flex-direction:column;align-items:stretch}.btn{width:100%}}
@media(max-width:480px){.hero-title,.section-title{font-size:2rem}.category-title{font-size:1.5rem;flex-direction:column;gap:8px}.training-grid,.benefits-grid{grid-template-columns:1fr}.visual-card{width:100%;height:300px}.contact-card{padding:20px 16px}.contact-title{font-size:1.25rem}.contact-description{font-size:1rem}.member{padding:10px 12px}.member-name{font-size:.95rem}.member-email{font-size:.75rem}.btn-contact{padding:12px 24px;font-size:16px}}


/* ===== Novo topo animado do SEI ===== */
/* SEI · Prefeitura Municipal de Barra do Piraí — estilos do novo topo.
   Carregue este arquivo DEPOIS de /css/style-final.css e dropdown-styles.css.
   O CSS antigo continua responsável pelas seções Sobre, Benefícios, Treinamentos, FAQ e Contato. */

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }

@keyframes soft-pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(125,211,252,.36); } 50% { box-shadow: 0 0 0 6px rgba(125,211,252,0); } }
@keyframes float-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes grid-drift { from { background-position: 0 0; } to { background-position: 90px 60px; } }
@keyframes glow-drift { 0%,100% { transform: translate3d(0,0,0); opacity: .7; } 50% { transform: translate3d(-20px,12px,0); opacity: 1; } }

/* O escopo .classic-sei-page impede que o estilo novo altere o conteúdo antigo. */
.classic-sei-page { position: relative; isolation: isolate; display: grid; min-height: 100vh; min-height: 100svh; place-items: center; overflow: hidden; background: #283993; padding: 35px 48px 60px; color: #fff; font-family: 'Geist', system-ui, sans-serif; }
.classic-sei-page::before { content: ""; position: absolute; inset: 0; z-index: -3; background: #283993; }
.classic-sei-page::after { content: ""; position: absolute; inset: 0; z-index: -2; background-image: linear-gradient(rgba(125,211,252,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(125,211,252,.035) 1px, transparent 1px); background-size: 90px 60px; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 80%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 80%, transparent); animation: grid-drift 28s linear infinite; }
.classic-sei-page *, .classic-sei-page *::before, .classic-sei-page *::after { box-sizing: border-box; }
.classic-orbital-canvas { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; }
.classic-blue-glow { position: absolute; z-index: -1; width: 38rem; height: 38rem; border-radius: 50%; filter: blur(90px); pointer-events: none; animation: glow-drift 17s ease-in-out infinite; }
.classic-blue-glow-one { top: -18rem; right: -7rem; background: rgba(65,105,225,.35); }
.classic-blue-glow-two { bottom: -21rem; left: -12rem; background: rgba(14,165,233,.24); animation-delay: -8s; }

.classic-sei-page .classic-hero { display: grid; grid-template-columns: 1fr; align-items: center; justify-items: center; width: min(1060px,100%); gap: 14px; margin: 0 auto; text-align: center; animation: float-in 650ms ease both; }
.classic-logo-column { position: relative; display: grid; place-items: center; min-height: 235px; width: 100%; }
.classic-prefeitura-logo { position: relative; z-index: 1; display: block; width: min(285px,100%); max-height: 290px; object-fit: contain; filter: drop-shadow(0 0 26px rgba(56,189,248,.24)); }
.classic-copy-column { width: 100%; max-width: 900px; }
.classic-eyebrow { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 22px; color: #bae6fd; font-family: 'JetBrains Mono',monospace; font-size: .61rem; letter-spacing: .16em; }
.classic-copy-column h1 { margin: 0; color: #fff; font-family: 'Sora',sans-serif; font-size: clamp(2.35rem,4.2vw,3.8rem); font-weight: 750; letter-spacing: -.075em; line-height: 1.04; text-wrap: balance; }
.classic-copy-column h1 span { color: #fbbf24; text-shadow: none; }
.classic-copy-column h2 { margin: 27px 0 0; color: #fff; font-family: 'Sora',sans-serif; font-size: clamp(1.05rem,2vw,1.4rem); font-weight: 570; letter-spacing: -.03em; }
.classic-description { max-width: 800px; margin: 16px auto 0; color: #dbeafe; font-size: clamp(.91rem,1.5vw,1.08rem); line-height: 1.65; }
.classic-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin-top: 32px; }
.classic-dropdown { position: relative; }
.classic-access-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 47px; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; padding: 0 17px; color: #fff; font-size: .88rem; font-weight: 650; text-decoration: none; box-shadow: 0 8px 18px rgba(11,24,100,.2); transition: transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease,border-color 180ms ease; }
.classic-access-button:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.3); box-shadow: 0 12px 24px rgba(11,24,100,.3); }
.classic-access-button:active { transform: translateY(0); }
.classic-access-button.is-blue { background: #2879e9; }
.classic-access-button.is-blue:hover { background: #3985ee; }
.classic-access-button.is-green { background: #08ae78; }
.classic-access-button.is-green:hover { background: #16bd87; }
.classic-access-button.is-public { border-color: rgba(255,255,255,.7); background: #fff; color: #243675; }
.classic-access-button.is-public:hover { border-color: #fff; background: #f0f9ff; }
.dropdown-chevron { flex: 0 0 auto; transition: transform 180ms ease; }
.classic-dropdown.is-open .dropdown-chevron { transform: rotate(180deg); }
.classic-dropdown-menu { position: absolute; top: calc(100% + 8px); left: 0; z-index: 30; display: grid; min-width: 200px; overflow: hidden; border: 1px solid rgba(186,230,253,.28); border-radius: 7px; background: rgba(21,39,111,.97); padding: 5px; box-shadow: 0 16px 32px rgba(7,20,76,.4); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); animation: float-in 160ms ease both; text-align: left; }
.classic-dropdown-menu a { display: flex; align-items: center; gap: 9px; border-radius: 4px; padding: 10px 11px; color: #e0f2fe; font-size: .78rem; text-decoration: none; transition: background-color 160ms ease,color 160ms ease; }
.classic-dropdown-menu a:hover { background: rgba(125,211,252,.13); color: #fff; }
.classic-status-line { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 22px; color: rgba(219,234,254,.72); font-family: 'JetBrains Mono',monospace; font-size: .6rem; letter-spacing: .08em; }
.classic-status-line span { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #6ee7b7; box-shadow: 0 0 12px rgba(110,231,183,.85); }
.classic-scroll-indicator { position: absolute; bottom: 28px; left: 50%; display: flex; align-items: center; gap: 10px; transform: translateX(-50%); color: rgba(219,234,254,.6); font-family: 'JetBrains Mono',monospace; font-size: .55rem; letter-spacing: .16em; white-space: nowrap; }
.classic-scroll-indicator svg { animation: soft-pulse 2.5s ease-in-out infinite; border-radius: 50%; color: #bae6fd; }

.classic-modal-backdrop { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; background: rgba(8,18,75,.7); padding: 20px; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.classic-modal { position: relative; width: min(100%,430px); border: 1px solid rgba(186,230,253,.35); border-radius: 12px; background: #1d2c73; padding: 27px; color: #fff; box-shadow: 0 24px 70px rgba(8,18,75,.55); animation: float-in 180ms ease both; }
.classic-modal-close { position: absolute; top: 13px; right: 13px; display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(255,255,255,.2); border-radius: 6px; background: transparent; color: #dbeafe; }
.classic-modal-close:hover { border-color: rgba(255,255,255,.5); background: rgba(255,255,255,.1); }
.classic-modal-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 8px; background: rgba(125,211,252,.14); color: #bae6fd; }
.classic-modal-kicker { margin: 18px 0 7px; color: #bae6fd; font-family: 'JetBrains Mono',monospace; font-size: .58rem; letter-spacing: .14em; }
.classic-modal h2 { margin: 0; color: #fff; font-family: 'Sora',sans-serif; font-size: 1.35rem; letter-spacing: -.045em; }
.classic-modal > p:not(.classic-modal-kicker) { margin: 9px 0 23px; color: #dbeafe; font-size: .82rem; line-height: 1.5; }
.classic-modal label { display: grid; gap: 7px; color: #e0f2fe; font-size: .76rem; }
.classic-modal input { width: 100%; border: 1px solid rgba(186,230,253,.3); border-radius: 6px; outline: none; background: rgba(8,18,75,.3); padding: 11px 12px; color: #fff; font-size: .83rem; }
.classic-modal input::placeholder { color: rgba(219,234,254,.5); }
.classic-modal input:focus { border-color: #bae6fd; box-shadow: 0 0 0 3px rgba(125,211,252,.14); }
.classic-modal-submit { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: 100%; margin-top: 17px; border: 0; border-radius: 6px; background: #2879e9; padding: 12px; color: #fff; font-size: .8rem; font-weight: 650; cursor: pointer; }
.classic-modal-submit:hover { background: #3985ee; transform: translateY(-1px); }
.classic-sei-page button:focus-visible, .classic-sei-page a:focus-visible, .classic-modal input:focus-visible { outline: 2px solid #bae6fd; outline-offset: 3px; }

@media (max-width: 850px) { .classic-sei-page { padding: 35px 28px 70px; } .classic-sei-page .classic-hero { gap: 17px; max-width: 660px; } .classic-logo-column { min-height: 180px; } .classic-prefeitura-logo { width: 215px; } .classic-actions { gap: 9px; } }
@media (max-width: 520px) { .classic-sei-page { padding-inline: 18px; } .classic-sei-page .classic-hero { gap: 5px; } .classic-logo-column { min-height: 150px; } .classic-prefeitura-logo { width: 145px; } .classic-copy-column h1 { font-size: clamp(2.05rem,11vw,3.2rem); } .classic-copy-column h2 { margin-top: 19px; font-size: 1rem; } .classic-description { font-size: .86rem; } .classic-actions { flex-direction: column; align-items: stretch; margin-top: 25px; } .classic-dropdown, .classic-access-button { width: 100%; } .classic-access-button { min-height: 46px; } .classic-dropdown-menu { right: 0; } .classic-status-line { font-size: .52rem; } .classic-scroll-indicator { bottom: 18px; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } }

/* Integração: evita que os estilos antigos de section alterem o novo topo */
.classic-sei-page { color:#fff; font-family:"Geist",system-ui,sans-serif; }
.classic-sei-page > .classic-hero { padding:0; margin:0; }
.classic-sei-page .classic-hero h1, .classic-sei-page .classic-hero h2, .classic-sei-page .classic-hero p { text-align:inherit; }
.classic-sei-page .classic-hero .classic-copy-column { text-align:center; }
.classic-sei-page .classic-hero .classic-eyebrow, .classic-sei-page .classic-hero .classic-status-line { text-align:center; }

/* ===== Ajustes finais de responsividade, acessibilidade e desempenho ===== */
html { overflow-x: hidden; }
img, svg, video, iframe { max-width: 100%; }
img, video { height: auto; }
video, iframe { width: 100%; }

.classic-scroll-indicator {
  border: 0;
  background: transparent;
  padding: 8px 12px;
  cursor: pointer;
}
.classic-scroll-indicator:hover { color: #fff; }
.classic-scroll-indicator:focus-visible {
  outline: 2px solid #bae6fd;
  outline-offset: 4px;
}

.hero-subtitle {
  white-space: normal;
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 480px) {
  .stats-section { padding: 32px 20px; }
  .stats-title { font-size: 1.5rem; }
  .stats-description { font-size: 1rem; }
  .stat-number { font-size: 2.4rem; }
  .card-footer { flex-direction: column; align-items: stretch; }
  .card-footer .btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .classic-scroll-indicator svg { animation: none; }
}