/* v33.2.32 consolidated bundle — portal_publico. */ /* ===== SOURCE: portal.css ===== */ :root{ --portal-primary:#0f4c81; --portal-primary-2:#2563eb; --portal-accent:#f4b400; --portal-bg:#f4f7fb; --portal-card:#ffffff; --portal-text:#1f2937; --portal-muted:#64748b; --portal-shadow:0 16px 36px rgba(15,23,42,.08); } *{box-sizing:border-box} body{margin:0;background:linear-gradient(180deg,#f3f7fc 0%,#fbfdff 100%);color:var(--portal-text);font-family:Arial,sans-serif} a{transition:.2s ease} .portal-navbar{background:linear-gradient(135deg,#0b4c84,#1565c0);box-shadow:0 10px 24px rgba(11,76,132,.16)} .brand-portal{font-weight:800;color:#fff!important;gap:.75rem} .brand-portal img{max-height:44px} .portal-navbar .navbar-item{color:#fff;font-weight:700} .portal-navbar .navbar-item:hover{color:#fff;background:rgba(255,255,255,.08)!important} .portal-buttons .button{font-weight:700;border-radius:14px} .hero-portal{padding:1.35rem 0 0} .slider-portal{position:relative;height:510px;border-radius:28px;overflow:hidden;box-shadow:0 24px 50px rgba(15,76,129,.2)} .slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background-size:cover;background-position:center;display:flex;align-items:flex-end} .slide.is-active{opacity:1;z-index:2} .fallback-slide{background:linear-gradient(135deg,#0f4c81,#3a86ff)} .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,23,53,.82),rgba(8,23,53,.25))} .slide .content{position:relative;z-index:2;max-width:760px;padding:3.2rem;color:#fff} .badge-slide,.eyebrow{display:inline-block;padding:.5rem .95rem;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.04em} .badge-slide{background:rgba(255,255,255,.16);color:#fff} .eyebrow{background:#dbeafe;color:#1d4ed8} .eyebrow.dark{background:#eaf3ff;color:#0f4c81} .slide h1,.section-head h1,.section-head h2,.cta-panel h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.06} .slide p,.section-sub,.cta-panel p{font-size:1.02rem;color:inherit} .hero-buttons .button{border-radius:14px;font-weight:800} .is-soft-white{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important} .section{padding:3.8rem 1.5rem} .section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem} .section-head.wrap-mobile{flex-wrap:wrap} .section-head h2{margin:.2rem 0 .1rem;font-size:2rem;color:#0f172a} .section-sub{margin:.25rem 0 0;color:var(--portal-muted)} .stats-section{padding-top:1.4rem;padding-bottom:0} .stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:1.1rem;box-shadow:var(--portal-shadow)} .stats-band div{padding:1rem;border-radius:18px;background:linear-gradient(180deg,#f8fbff,#ffffff);text-align:center} .stats-band strong{display:block;font-size:2rem;color:#0f4c81;line-height:1.1} .stats-band span{color:var(--portal-muted);font-weight:700} .alt-section{background:#fff} .cards-grid{display:grid;gap:1.4rem} .cards-grid.three{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))} .cards-grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))} .feature-card,.content-card,.video-card,.content-panel,.stack-item,.cta-panel{background:#fff;border-radius:24px;box-shadow:var(--portal-shadow);border:1px solid rgba(226,232,240,.85)} .feature-card{padding:1.5rem} .feature-card i{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:#eaf3ff;color:#1565c0;font-size:1.5rem;margin-bottom:1rem} .feature-card h3{font-size:1.18rem;font-weight:800;margin:0 0 .45rem} .feature-card p{color:var(--portal-muted)} .content-card{padding:0;overflow:hidden} .content-card:hover,.gallery-grid figure:hover{transform:translateY(-3px)} .content-card img,.hero-post-image,.gallery-grid img{width:100%;display:block;object-fit:cover} .content-card img{height:220px} .horizontal-card{display:grid;grid-template-columns:220px 1fr} .horizontal-card img{height:100%} .content-body{padding:1.25rem} .content-body h3{font-size:1.18rem;font-weight:800;margin:.55rem 0}.content-body p{color:var(--portal-muted)} .content-body a{font-weight:800;color:#1d4ed8} .pill{display:inline-block;background:#eaf3ff;color:#1565c0;padding:.35rem .8rem;border-radius:999px;font-size:.8rem;font-weight:800} .stack-list{display:grid;gap:1rem} .stack-item{padding:1.25rem} .stack-item strong{display:block;font-size:1rem;margin-bottom:.2rem} .stack-item span,.stack-item p{color:var(--portal-muted)} .gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem} .gallery-grid.large{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))} .gallery-grid figure{margin:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 12px 24px rgba(15,23,42,.08);transition:.2s ease} .gallery-grid figure img{height:220px}.gallery-grid figcaption{padding:.9rem 1rem;font-weight:700} .details-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem} .details-list li{display:flex;align-items:center;gap:.5rem}.video-card iframe{width:100%;height:300px;border:0;border-radius:18px 18px 0 0} .narrow-container{max-width:900px}.article-post{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 12px 30px rgba(15,23,42,.08)} .meta-post{color:#64748b;margin:.5rem 0 1.5rem}.post-text{font-size:1.05rem;line-height:1.8} .cta-section{padding-top:1rem} .cta-panel{padding:2rem;background:linear-gradient(135deg,#0f4c81,#2563eb);display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#fff} .cta-panel h2{margin:.3rem 0 .5rem;color:#fff;font-size:2rem} .portal-footer{background:#081735;color:#e5eefc;padding:3rem 0 2rem;margin-top:3rem}.portal-footer h3,.portal-footer h4{color:#fff;font-weight:800} .footer-highlight{display:flex;gap:.75rem;align-items:flex-start;margin-top:1rem;padding:1rem;border-radius:16px;background:rgba(255,255,255,.06)} .footer-links{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.footer-links a{color:#dbeafe} .social-links{display:flex;gap:.8rem;margin-top:.75rem}.social-links a,.whatsapp-float{display:inline-flex;align-items:center;justify-content:center} .social-links a{width:42px;height:42px;border-radius:50%;background:#16386c;color:#fff}.footer-copy{padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.12)} .whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;font-size:1.8rem;box-shadow:0 10px 24px rgba(0,0,0,.2);z-index:20} .admin-gallery figure img{height:170px} @media (max-width:900px){.stats-band{grid-template-columns:repeat(2,1fr)}.cta-panel{flex-direction:column;align-items:flex-start}} @media (max-width:768px){.navbar-menu{display:block}.horizontal-card{grid-template-columns:1fr}.slider-portal{height:420px}.slide .content{padding:2rem}.portal-navbar .navbar-end .buttons{justify-content:flex-start}.section-head{align-items:flex-start;flex-direction:column}.stats-band{grid-template-columns:1fr}} .content-actions{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap}.premium-event-card .content-body{display:flex;flex-direction:column;justify-content:center}.premium-event-card img{min-height:100%}.premium-stack-event a{display:inline-flex;align-items:center;gap:.4rem;color:#1d4ed8;font-weight:800;margin-top:.35rem}.evento-page-shell{max-width:1180px}.evento-back-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.back-link{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #dbe3ef;padding:.7rem 1rem;border-radius:999px;color:#1f2937;font-weight:700;box-shadow:0 8px 18px rgba(15,23,42,.06)}.evento-hero-premium{position:relative;min-height:430px;border-radius:28px;overflow:hidden;box-shadow:0 22px 44px rgba(15,23,42,.14);background:linear-gradient(135deg,#0f4c81,#2563eb)}.evento-hero-premium img,.evento-hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.evento-hero-fallback{background:linear-gradient(135deg,#0f4c81,#2563eb)}.evento-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,27,56,.18) 0%,rgba(10,27,56,.62) 52%,rgba(10,27,56,.88) 100%)}.evento-hero-content{position:relative;z-index:2;color:#fff;padding:2.25rem;display:flex;flex-direction:column;justify-content:flex-end;min-height:430px}.evento-hero-content h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.03;margin:.5rem 0}.hero-lead{font-size:1.06rem;max-width:780px;margin:0 0 .4rem;color:#edf4ff}.hero-summary{max-width:820px;color:#dbeafe;margin:0 0 1rem}.evento-hero-meta{display:flex;flex-wrap:wrap;gap:.8rem}.evento-hero-meta span{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem .95rem;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);font-weight:700}.evento-detail-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);gap:1.35rem;margin-top:1.5rem}.evento-main-panel,.side-card{padding:1.5rem}.panel-section + .panel-section{margin-top:1.25rem}.section-mini-head h2,.section-mini-head h3{margin:.4rem 0 0;font-size:1.5rem;color:#0f172a}.portal-rich-content{font-size:1.03rem;line-height:1.8;color:#334155}.portal-rich-content p:first-child{margin-top:0}.portal-rich-content img{max-width:100%;height:auto;border-radius:18px;margin:1rem 0;box-shadow:0 10px 24px rgba(15,23,42,.08)}.portal-rich-content h2,.portal-rich-content h3,.portal-rich-content h4{color:#0f172a;margin:1.3rem 0 .6rem}.portal-rich-content ul,.portal-rich-content ol{padding-left:1.3rem}.evento-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.35rem 0}.info-tile{background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #dce8f6;border-radius:20px;padding:1rem 1.1rem}.info-tile.highlight{background:linear-gradient(135deg,#0f4c81,#2563eb);border-color:#2563eb;color:#fff}.tile-label{display:block;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;font-weight:800;color:#64748b;margin-bottom:.35rem}.info-tile.highlight .tile-label{color:#dbeafe}.info-tile strong{font-size:1.08rem}.local-panel{background:#f8fbff;border:1px solid #dde8f5;border-radius:24px;padding:1.2rem}.strong-list li{align-items:flex-start}.strong-list i{margin-top:.25rem;color:#2563eb;width:1rem}.strong-list span{font-weight:600;color:#334155}.map-link{margin-top:1rem;border-radius:12px;font-weight:800}.spotlight-card{background:linear-gradient(180deg,#ffffff,#f6faff)}.spotlight-card h3{font-size:1.45rem;margin:.45rem 0}.spotlight-card p{color:#64748b}.side-actions{display:grid;gap:.85rem;margin-top:1rem}.whatsapp-button{background:#25d366!important;color:#fff!important;border:none!important;border-radius:14px;font-weight:800}.compact-info-card h3{font-size:1.2rem;margin-top:0}.compact-list{gap:.9rem}.compact-list li span{font-size:.97rem}@media (max-width:960px){.evento-detail-grid{grid-template-columns:1fr}.evento-info-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.evento-hero-content{padding:1.4rem}.evento-hero-meta span{width:100%;justify-content:flex-start}.evento-info-grid{grid-template-columns:1fr}.back-link{width:100%;justify-content:center}} .comentario-form-card{position:static}.reply-grid{grid-template-columns:1fr} .comentarios-premium { margin-top: 40px; } .comentarios-head { margin-bottom: 18px; } .comentarios-badge { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 999px; background: #dbeafe; color: #1d4ed8; font-weight: 700; font-size: 13px; margin-bottom: 10px; } .comentarios-head h3 { margin: 0 0 8px; font-size: 28px; font-weight: 800; color: #0f172a; } .comentarios-head p { margin: 0; color: #64748b; font-size: 15px; line-height: 1.6; } .comentario-form-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 18px; padding: 24px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06); margin-top: 18px; margin-bottom: 24px; } .comentario-form-topo { margin-bottom: 18px; } .comentario-form-topo h4, .reply-form-header h5 { margin: 0 0 6px; font-size: 22px; font-weight: 800; color: #0f172a; } .reply-form-header h5 { font-size: 18px; } .comentario-form-topo small, .reply-form-header small { color: #64748b; font-size: 14px; } .comentario-form-premium, .reply-form { display: flex; flex-direction: column; gap: 18px; } .form-grid-2, .reply-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .form-group { display: flex; flex-direction: column; gap: 8px; } .form-group label { font-size: 14px; font-weight: 700; color: #334155; } .form-group input, .form-group textarea, .comentario-form-premium input, .comentario-form-premium textarea, .reply-form input, .reply-form textarea { width: 100%; border: 1px solid #cbd5e1; border-radius: 12px; padding: 14px 16px; font-size: 15px; background: #f8fafc; color: #0f172a; transition: all 0.2s ease; outline: none; box-sizing: border-box; } .form-group textarea, .comentario-form-premium textarea, .reply-form textarea { min-height: 140px; resize: vertical; } .form-group input:focus, .form-group textarea:focus, .comentario-form-premium input:focus, .comentario-form-premium textarea:focus, .reply-form input:focus, .reply-form textarea:focus { border-color: #2563eb; background: #fff; box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.10); } .comentario-form-acoes { display: flex; justify-content: flex-end; } .btn-comentario-enviar { border: 0; border-radius: 12px; padding: 14px 22px; background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; font-size: 15px; font-weight: 700; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease; box-shadow: 0 10px 20px rgba(37, 99, 235, 0.20); } .btn-comentario-enviar:hover { transform: translateY(-1px); opacity: 0.96; } .btn-comentario-enviar.btn-secundario { padding: 12px 18px; font-size: 14px; } .lista-comentarios { display: flex; flex-direction: column; gap: 16px; } .comentario-card { display: flex; gap: 14px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 18px; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04); } .comentario-avatar { width: 46px; height: 46px; min-width: 46px; border-radius: 50%; background: linear-gradient(135deg, #2563eb, #60a5fa); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px; } .comentario-body { flex: 1; } .comentario-meta { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 8px; } .comentario-meta strong { color: #0f172a; font-size: 15px; } .comentario-meta span { color: #64748b; font-size: 13px; } .comentario-texto { color: #334155; line-height: 1.7; font-size: 15px; } .comentario-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; } .comentario-actions form { margin: 0; } .comment-action-btn { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #dbeafe; background: #eff6ff; color: #1d4ed8; padding: 10px 14px; border-radius: 999px; font-weight: 700; cursor: pointer; transition: all 0.2s ease; } .comment-action-btn:hover { background: #dbeafe; } .action-count { display: inline-flex; min-width: 20px; justify-content: center; } .reply-form { margin-top: 16px; padding: 18px; border: 1px dashed #cbd5e1; border-radius: 16px; background: #f8fafc; } .comentario-respostas { margin-top: 16px; padding-left: 20px; border-left: 3px solid #dbeafe; display: grid; gap: 12px; } .resposta-card { background: #fcfdff; } .comentarios-vazio { background: #fff; border: 1px dashed #cbd5e1; border-radius: 16px; padding: 22px; text-align: center; color: #475569; } .comentarios-vazio strong { display: block; color: #0f172a; margin-bottom: 6px; } .hidden { display: none !important; } @media (max-width: 768px) { .form-grid-2, .reply-grid { grid-template-columns: 1fr; } .comentario-form-card { padding: 18px; } .comentarios-head h3 { font-size: 24px; } .comentario-form-acoes { justify-content: stretch; } .btn-comentario-enviar { width: 100%; } .comentario-card { padding: 16px; flex-direction: column; } .comentario-avatar { width: 42px; height: 42px; min-width: 42px; } .comentario-respostas { padding-left: 12px; } } /* ===== Portal premium refresh ===== */ body{font-family:Inter,Arial,sans-serif} .portal-topbar{background:#eaf2ff;border-bottom:1px solid #d7e4fb;color:#33527a;font-size:.92rem} .portal-topbar-inner{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.55rem 0} .portal-topbar-item,.portal-topbar-links,.portal-topbar-links span{display:flex;align-items:center;gap:.45rem} .portal-topbar-links{gap:1rem;flex-wrap:wrap} .portal-nav-shell{min-height:82px} .portal-navbar{position:sticky;top:0;z-index:30;background:rgba(11,76,132,.96);backdrop-filter:blur(8px)} .portal-menu-links{gap:.2rem} .portal-navbar .navbar-item.is-current{background:rgba(255,255,255,.14)!important;border-radius:12px} .portal-buttons .button{padding-inline:1.15rem;min-height:48px;box-shadow:0 10px 22px rgba(8,23,53,.18)} .portal-notification{border-radius:18px;box-shadow:var(--portal-shadow)} .hero-portal-premium{padding-top:1.4rem} .hero-premium-card{position:relative;overflow:hidden;min-height:620px;border-radius:34px;box-shadow:0 28px 60px rgba(15,23,42,.18);background:#0f4c81} .hero-premium-bg{position:absolute;inset:0;background-size:cover;background-position:center} .hero-premium-bg-fallback{background:radial-gradient(circle at top right,rgba(255,255,255,.24),transparent 32%),linear-gradient(135deg,#0f4c81,#1d4ed8 55%,#6ea8ff)} .hero-premium-overlay{position:absolute;inset:0;background:linear-gradient(95deg,rgba(8,23,53,.88) 0%,rgba(12,36,68,.68) 38%,rgba(12,36,68,.28) 100%)} .hero-premium-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.8fr);gap:1.4rem;align-items:end;min-height:620px;padding:3rem} .hero-premium-copy{max-width:760px;color:#fff} .hero-premium-copy h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:.98;font-weight:900;color:#fff;margin:.9rem 0 1rem;text-shadow:0 10px 30px rgba(0,0,0,.18)} .hero-premium-copy p{max-width:640px;font-size:1.12rem;line-height:1.75;color:#e8f1ff;margin:0 0 1.5rem} .hero-premium-actions{gap:.9rem!important} .hero-premium-actions .button{border-radius:16px;font-weight:800;min-height:56px;padding-inline:1.35rem} .glass-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:24px;padding:1.35rem;color:#fff;box-shadow:0 18px 36px rgba(8,23,53,.2)} .hero-premium-side{display:grid;gap:1rem} .side-kicker{display:inline-flex;padding:.45rem .8rem;background:rgba(255,255,255,.16);border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff} .hero-side-card h3{font-size:1.55rem;line-height:1.15;color:#fff;margin:.8rem 0} .hero-side-card p{color:#e8f1ff;line-height:1.7;margin-bottom:1rem} .hero-side-link{display:inline-flex;gap:.55rem;align-items:center;color:#fff;font-weight:800} .hero-side-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.95rem} .hero-side-stats div{background:rgba(255,255,255,.09);border-radius:18px;padding:1rem} .hero-side-stats strong{display:block;color:#fff;font-size:1.8rem;line-height:1.1} .hero-side-stats span{color:#e3eeff;font-weight:700} .portal-strip-section{padding-top:1.2rem;padding-bottom:0} .portal-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem} .portal-strip-card{display:flex;align-items:center;gap:1rem;background:#fff;border-radius:24px;padding:1.15rem 1.2rem;border:1px solid #e2e8f0;box-shadow:var(--portal-shadow)} .portal-strip-card i{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:#eaf3ff;color:#1565c0;font-size:1.25rem} .portal-strip-card strong{display:block;font-size:1rem;color:#0f172a} .portal-strip-card span{color:#64748b} .section-soft{background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)} .home-feature-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);gap:1.4rem} .home-feature-main{min-height:100%} .home-feature-main img{height:300px} .home-feature-main .content-body{padding:1.5rem} .home-feature-main h3{font-size:1.85rem;line-height:1.15} .home-feature-side{display:grid;gap:1rem} .mini-news-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:1.3rem;box-shadow:var(--portal-shadow)} .mini-news-card h4{font-size:1.1rem;font-weight:800;margin:.65rem 0 .45rem;color:#0f172a} .mini-news-card p{color:#64748b;line-height:1.65;margin-bottom:.7rem} .mini-news-card a,.link-cta{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;color:#1d4ed8} .portal-event-card img{height:240px} .compact-details{margin-top:.85rem} .media-showcase-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1.4rem} .media-panel{padding:1.35rem} .media-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem} .media-panel-head h3{font-size:1.45rem;font-weight:800;color:#0f172a;margin:.5rem 0 0} .media-panel-head a{font-weight:800;color:#1d4ed8} .media-mini-list{margin-top:1rem} .media-mini-item{padding:1rem 1.1rem;border-radius:18px;background:#f8fbff;border:1px solid #dfebfb;box-shadow:none} .compact-gallery{grid-template-columns:repeat(2,minmax(0,1fr))} .compact-gallery figure img{height:170px} .portal-final-cta{position:relative;overflow:hidden} .portal-final-cta:before{content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)} .portal-page-hero-section{padding-bottom:1rem} .portal-page-hero{background:linear-gradient(135deg,#0f4c81,#1d4ed8);border-radius:30px;padding:2.1rem 2.2rem;color:#fff;box-shadow:0 24px 48px rgba(15,23,42,.14)} .portal-page-hero h1{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.03;color:#fff;margin:.6rem 0} .portal-page-hero p{max-width:780px;color:#e6efff;font-size:1.04rem;line-height:1.75;margin:0} .portal-filter-tags{margin-top:1rem;gap:.55rem} .portal-filter-tags .tag{border-radius:999px;padding:.6rem .95rem;font-weight:700} .portal-about-panel,.portal-contact-info,.portal-contact-form{padding:1.8rem} .portal-about-panel p,.portal-contact-info p{font-size:1.03rem;line-height:1.8;color:#334155} .portal-contact-form .input,.portal-contact-form .textarea{border-radius:14px;border-color:#d6e2f2;background:#f8fbff;box-shadow:none} .portal-contact-form .input:focus,.portal-contact-form .textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.08)} .footer-main-grid{display:grid;grid-template-columns:1.3fr 1fr .8fr .9fr;gap:1.3rem} .footer-brand-line{display:flex;gap:1rem;align-items:flex-start} .footer-brand-line img{width:62px;height:62px;object-fit:contain;border-radius:16px;background:rgba(255,255,255,.08);padding:.35rem} .footer-contact-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem} .footer-contact-list li{display:flex;gap:.7rem;align-items:flex-start} .footer-contact-list i{margin-top:.18rem;color:#9fc3ff} .footer-admin-box{margin-top:1rem;padding:1rem;border-radius:18px;background:rgba(255,255,255,.06);display:grid;gap:.55rem} .footer-admin-box strong{color:#fff} .footer-admin-box a{color:#dbeafe;font-weight:700} .empty-state-card{display:flex;align-items:center;justify-content:center;min-height:220px;background:linear-gradient(180deg,#f8fbff,#ffffff)} .empty-state-card .content-body{text-align:center} @media (max-width:1100px){.hero-premium-grid,.home-feature-grid,.media-showcase-grid,.footer-main-grid{grid-template-columns:1fr}.portal-strip-grid{grid-template-columns:1fr 1fr}.hero-premium-card{min-height:auto}.hero-premium-grid{min-height:auto;padding:2rem}.hero-premium-side{grid-template-columns:1fr 1fr}} @media (max-width:768px){.portal-topbar-inner,.portal-topbar-links{display:none}.portal-nav-shell{min-height:72px}.portal-navbar .navbar-menu{padding-bottom:1rem}.hero-premium-copy h1{font-size:2.3rem}.hero-premium-grid{padding:1.35rem}.hero-premium-card{border-radius:24px}.hero-premium-actions .button,.portal-buttons .button{width:100%}.portal-strip-grid,.hero-side-stats{grid-template-columns:1fr}.portal-page-hero{padding:1.4rem}.footer-main-grid{grid-template-columns:1fr}.brand-portal span{font-size:1rem}.brand-portal img{max-height:38px}} /* Mensalidades 2026 */ .mens-hero-section { padding-top: 2rem; } .mens-hero-card { position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient(135deg, #0f3b78 0%, #1d4ed8 52%, #60a5fa 100%); box-shadow: 0 30px 60px rgba(15, 23, 42, 0.15); padding: 3rem; display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.8fr); gap: 2rem; color: #fff; } .mens-hero-card::before { content: ''; position: absolute; inset: auto -120px -120px auto; width: 320px; height: 320px; background: radial-gradient(circle, rgba(255,255,255,0.3), transparent 70%); } .mens-hero-copy h1 { font-size: clamp(2.3rem, 4vw, 3.5rem); font-weight: 900; line-height: 1.05; margin: .4rem 0 1rem; color: #fff; } .mens-hero-copy p { max-width: 760px; font-size: 1.05rem; color: rgba(255,255,255,0.92); } .mens-hero-notes { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 1.4rem; } .mens-hero-notes span { display: inline-flex; align-items: center; gap: .55rem; padding: .85rem 1rem; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.2); border-radius: 999px; font-weight: 700; } .mens-highlight-card { position: relative; z-index: 1; background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18); backdrop-filter: blur(10px); border-radius: 24px; padding: 1.6rem; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.14); } .mens-highlight-card strong { display: block; color: #fff; font-size: 1.2rem; margin-bottom: .55rem; } .mens-highlight-card p { color: rgba(255,255,255,0.88); margin-bottom: 1rem; } .mens-table-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 26px; overflow: hidden; box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08); } .mens-table-responsive { overflow-x: auto; } .mens-premium-table { width: 100%; border-collapse: collapse; min-width: 920px; } .mens-premium-table thead th { background: linear-gradient(135deg, #eaf2ff, #dbeafe); color: #0f3b78; font-size: 1rem; font-weight: 900; padding: 1.25rem 1.4rem; border-bottom: 1px solid #dbeafe; } .mens-premium-table tbody td { padding: 1.35rem 1.4rem; border-bottom: 1px solid #edf2f7; vertical-align: top; } .mens-premium-table tbody tr:hover { background: #f8fbff; } .mens-category-cell { display: flex; align-items: center; gap: .85rem; } .mens-category-cell strong { color: #0f172a; font-size: 1.08rem; } .mens-category-icon { width: 44px; height: 44px; border-radius: 14px; background: #eff6ff; color: #2563eb; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; } .mens-price { display: inline-flex; align-items: center; justify-content: center; min-width: 148px; padding: .85rem 1rem; border-radius: 16px; font-size: 1.08rem; font-weight: 900; } .mens-price.is-primary { background: linear-gradient(135deg, #dbeafe, #93c5fd); color: #0f3b78; } .mens-price.is-secondary { background: linear-gradient(135deg, #ecfccb, #bef264); color: #365314; } .mens-benefits-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; } .mens-benefits-list li { display: flex; align-items: center; gap: .55rem; color: #475569; } .mens-benefits-list i { color: #2563eb; } .mens-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem; } .mens-plan-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 24px; padding: 1.5rem; box-shadow: 0 14px 36px rgba(15, 23, 42, 0.07); } .mens-plan-head h3 { margin-top: .35rem; font-size: 1.7rem; color: #0f172a; } .mens-plan-prices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0 1.1rem; } .mens-plan-prices div { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 18px; padding: 1rem; } .mens-plan-prices small { display: block; color: #64748b; margin-bottom: .35rem; } .mens-plan-prices strong { color: #0f3b78; font-size: 1.5rem; font-weight: 900; } .mens-cta-panel, .mens-home-teaser { background: linear-gradient(135deg, #ffffff, #f8fbff); border: 1px solid #e2e8f0; border-radius: 26px; padding: 2rem; box-shadow: 0 18px 42px rgba(15, 23, 42, 0.06); } .mens-cta-panel { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; } .mens-home-mini-grid { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 1rem; align-items: stretch; } .mens-mini-card { min-width: 180px; background: #eff6ff; border-radius: 18px; padding: 1rem 1.1rem; display: flex; flex-direction: column; gap: .35rem; color: #0f3b78; font-weight: 700; } .mens-home-teaser h2, .mens-cta-panel h2 { color: #0f172a; margin: .4rem 0 .65rem; } @media (max-width: 960px) { .mens-hero-card, .mens-card-grid, .mens-plan-prices { grid-template-columns: 1fr; } .mens-cta-panel { flex-direction: column; align-items: flex-start; } } @media (max-width: 768px) { .mens-hero-card { padding: 1.5rem; border-radius: 22px; } .mens-home-teaser, .mens-cta-panel, .mens-plan-card { padding: 1.25rem; } .mens-home-mini-grid { flex-direction: column; } } .mens-inline-note{display:block;margin-top:4px;color:#64748b;font-size:.82rem;font-weight:600} .mens-plan-subtitle{margin-top:8px;color:#64748b;font-size:.95rem;line-height:1.5} .video-premium-grid .video-card-premium { overflow: visible; } .video-embed-shell { position: relative; width: 100%; background: #0f172a; border-radius: 18px; overflow: hidden; aspect-ratio: 16 / 9; } .video-embed-shell.small { margin-top: 12px; } .video-embed-shell.large { margin-top: 16px; } .video-embed-shell iframe, .libras-player-box iframe { width: 100%; height: 100%; border: 0; min-height: 260px; } .video-embed-shell.small iframe { min-height: 210px; } .video-placeholder { display:flex;align-items:center;justify-content:center;height:100%;color:#cbd5e1;font-weight:700; } .video-action-row { display:flex; gap:12px; flex-wrap:wrap; margin-top:18px; align-items:flex-start; } .libras-toggle-card { width: 100%; max-width: 100%; border: 1px solid #fde68a; border-radius: 18px; background: linear-gradient(180deg, #fffdf3 0%, #fff8dc 100%); box-shadow: 0 12px 28px rgba(245, 158, 11, 0.08); } .inline-player { max-width: 100%; } .libras-toggle-card summary { list-style: none; cursor: pointer; } .libras-toggle-card summary::-webkit-details-marker { display:none; } .libras-player-box { padding: 16px; } .libras-box-head { display:flex; flex-direction:column; gap:4px; margin-bottom:12px; color:#7c2d12; } .accessibility-media-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } .accessibility-media-grid.single-under-content { margin-top: 8px; } .media-access-card, .libras-highlight-card { border-radius: 24px; } .libras-highlight-card { border: 1px solid #fde68a; background: linear-gradient(180deg, #fffdf5 0%, #ffffff 100%); } .sports-news-grid .sports-news-card { overflow: hidden; } .sports-accessibility-box { margin-top: 18px; padding: 16px; border-radius: 18px; background: #f8fafc; border: 1px solid #e2e8f0; } .sports-accessibility-head { display:flex; flex-direction:column; gap:4px; margin-bottom: 10px; } @media (max-width: 900px) { .accessibility-media-grid { grid-template-columns: 1fr; } } /* === SaaS Premium 2026 === */ body{font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#f6f9ff 0%,#ffffff 100%)} .portal-topbar{ background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;box-shadow:0 16px 36px rgba(15,23,42,.14) } .portal-topbar-item,.portal-topbar-links span{color:rgba(255,255,255,.92)} .portal-navbar{ position:sticky;top:0;z-index:30;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(14px); border-bottom:1px solid rgba(219,228,240,.85);box-shadow:0 12px 28px rgba(15,23,42,.05) } .brand-portal{ background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbe6f3;border-radius:18px;padding:10px 14px!important;box-shadow:0 10px 24px rgba(15,23,42,.05) } .portal-menu-links .navbar-item{ margin:0 2px;border-radius:14px;font-weight:700;color:#1e293b!important;transition:all .22s ease } .portal-menu-links .navbar-item:hover,.portal-menu-links .navbar-item.is-current{ background:#eef5ff!important;color:#1d4ed8!important } .portal-buttons .button{ min-height:46px;border-radius:16px;font-weight:800;box-shadow:0 12px 24px rgba(15,23,42,.08) } .portal-buttons .button.is-light{border:1px solid #dbe6f3;background:linear-gradient(180deg,#fff,#f8fbff)} .portal-buttons .button.is-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff} .portal-notification{border-radius:18px;border:1px solid #dbe6f3;box-shadow:0 14px 28px rgba(15,23,42,.05)} .hero-premium,.highlight-card,.modern-card,.section-card,.post-card,.evento-card,.video-card,.galeria-card,.contact-card{ box-shadow:0 18px 40px rgba(15,23,42,.06);border:1px solid #e2e8f0 } /* ===== Portal público premium 2026 ===== */ body{background:linear-gradient(180deg,#f7fbff 0%,#eef5ff 40%,#f8fafc 100%)} .portal-topbar{background:linear-gradient(90deg,#0f172a,#163b78);color:#e2ecff;border-bottom:1px solid rgba(255,255,255,.08)} .portal-topbar-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:1rem} .portal-topbar-item,.portal-topbar-links span{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.92rem} .portal-topbar-links{display:flex;gap:1rem;flex-wrap:wrap} .portal-navbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(14px);box-shadow:0 10px 35px rgba(15,23,42,.08)} .portal-nav-shell{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:84px} .portal-brand-wrap{display:flex;align-items:center;justify-content:space-between;width:100%} .brand-portal{display:flex!important;align-items:center;gap:.9rem;font-weight:800;color:#0f172a!important;padding-left:0!important} .brand-portal img{width:48px;height:48px;object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 10px 24px rgba(37,99,235,.14);padding:6px} .brand-portal span{font-size:1.08rem;letter-spacing:-.02em} .portal-menu-shell{display:flex!important;align-items:center;justify-content:space-between;flex:1;gap:1rem;background:transparent!important} .portal-menu-links{gap:.25rem;flex-wrap:wrap} .portal-menu-links .navbar-item{position:relative;color:#334155!important;font-weight:700;border-radius:999px;padding:.72rem 1rem!important;transition:.2s ease} .portal-menu-links .navbar-item:hover,.portal-menu-links .navbar-item.is-current{background:#e8f0ff!important;color:#1d4ed8!important} .portal-menu-links .navbar-item.is-current::after{content:'';position:absolute;left:18px;right:18px;bottom:6px;height:3px;border-radius:999px;background:#2563eb} .portal-buttons{gap:.75rem!important} .portal-buttons .button{border-radius:14px;font-weight:800;padding:0 1.1rem;height:46px;box-shadow:0 10px 24px rgba(15,23,42,.08)} .portal-btn-member{border:1px solid #d9e4ff!important;background:#fff!important;color:#0f172a!important} .portal-btn-admin{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;color:#0f172a!important;border:none!important} .portal-burger{display:none;border:none;background:#eff6ff;width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:0 10px 24px rgba(37,99,235,.14)} .portal-burger span{display:block;width:20px;height:2px;background:#1d4ed8;border-radius:999px;transition:.2s ease} .portal-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)} .portal-burger.is-open span:nth-child(2){opacity:0} .portal-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .hero-premium-card{border-radius:32px;box-shadow:0 28px 80px rgba(15,23,42,.18);border:1px solid rgba(255,255,255,.12)} .hero-premium-copy h1{font-size:clamp(2.3rem,5vw,4.5rem)!important;line-height:1.02;letter-spacing:-.04em} .hero-premium-copy p{font-size:1.06rem;max-width:740px;color:#e8f1ff} .badge-slide{background:rgba(255,255,255,.14);backdrop-filter:blur(10px);padding:.55rem .95rem;border-radius:999px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem} .glass-card{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(18px)} .hero-side-card h3,.hero-side-stats strong{color:#fff!important} .hero-side-card p,.hero-side-stats span{color:#e2ecff!important} .portal-strip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem} .portal-strip-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e3edff;border-radius:22px;padding:1.1rem 1.15rem;box-shadow:0 16px 34px rgba(15,23,42,.06)} .portal-strip-card i{width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#2563eb;font-size:1.2rem} .portal-strip-card strong{display:block;color:#0f172a} .portal-strip-card span{display:block;color:#64748b} .section-soft{background:transparent} .section-head{margin-bottom:1.25rem} .eyebrow{display:inline-flex;align-items:center;padding:.45rem .8rem;border-radius:999px;background:#e8f0ff;color:#1d4ed8;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em} .section-head h2{font-size:clamp(1.9rem,3vw,2.8rem);letter-spacing:-.03em;color:#0f172a} .section-sub{font-size:1rem;color:#64748b;max-width:760px} .content-card,.mini-news-card,.side-card,.article-post,.local-panel,.cta-panel,.comentario-form-card,.comentario-card{border-radius:24px!important;box-shadow:0 18px 40px rgba(15,23,42,.07)!important;border:1px solid #e3edff!important} .content-card img,.portal-event-card img,.gallery-grid figure img{transition:transform .35s ease} .content-card:hover img,.portal-event-card:hover img,.gallery-grid figure:hover img{transform:scale(1.03)} .content-body{padding:1.35rem 1.4rem 1.45rem} .pill{display:inline-flex;align-items:center;padding:.42rem .72rem;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-weight:800;font-size:.78rem} .link-cta{display:inline-flex;align-items:center;gap:.45rem;color:#1d4ed8;font-weight:800} .mini-news-card{background:#fff;padding:1.2rem 1.2rem 1.15rem} .mini-news-card h4{color:#0f172a;font-size:1.06rem;margin:.55rem 0} .mini-news-card p{color:#64748b} .portal-event-card .details-list li{color:#475569;font-weight:600} .portal-footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#07162f,#0f2c59 55%,#163b78)} .portal-footer::before{content:'';position:absolute;inset:auto -120px -120px auto;width:320px;height:320px;background:rgba(255,255,255,.06);border-radius:50%} .footer-brand-line{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.footer-brand-line img{width:58px;height:58px;border-radius:18px;background:#fff;padding:8px} .footer-main-grid{display:grid;grid-template-columns:1.3fr .95fr .8fr .9fr;gap:1.4rem} .footer-contact-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}.footer-contact-list li{display:flex;gap:.65rem;align-items:flex-start;color:#dbeafe}.footer-contact-list i{margin-top:.22rem} .footer-admin-box{margin-top:1rem;padding:1rem;border-radius:18px;background:rgba(255,255,255,.06);display:grid;gap:.45rem}.footer-admin-box strong{color:#fff}.footer-admin-box a{color:#dbeafe;font-weight:700} .portal-notification{border-radius:18px;padding:1rem 1.15rem;box-shadow:0 16px 30px rgba(15,23,42,.07)} @media (max-width:1100px){.portal-nav-shell{min-height:76px}.footer-main-grid{grid-template-columns:1fr 1fr}.portal-strip-grid{grid-template-columns:1fr}.portal-buttons .button{height:42px}} @media (max-width:960px){.portal-burger{display:inline-flex}.portal-menu-shell{display:none!important;position:absolute;left:16px;right:16px;top:86px;background:#fff!important;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 24px 48px rgba(15,23,42,.14);padding:1rem;flex-direction:column;align-items:stretch}.portal-menu-shell.is-open{display:flex!important}.portal-menu-links,.portal-buttons{display:flex;flex-direction:column;align-items:stretch!important}.portal-menu-links .navbar-item{justify-content:flex-start;border-radius:16px}.portal-buttons .button{width:100%}.portal-topbar-links{display:none}.hero-premium-grid{grid-template-columns:1fr!important}.footer-main-grid{grid-template-columns:1fr}} @media (max-width:640px){.portal-nav-shell{min-height:72px}.brand-portal span{font-size:.98rem}.hero-premium-card{border-radius:24px}.hero-premium-copy h1{font-size:2.2rem!important}.portal-strip-card{padding:1rem;border-radius:18px}.section-head h2{font-size:1.7rem}.footer-brand-line{align-items:flex-start}} /* ===== HOME V3 PREMIUM ===== */ .portal-navbar{position:sticky;top:0;z-index:30;backdrop-filter:blur(12px);background:rgba(255,255,255,.82)!important;border-bottom:1px solid rgba(226,232,240,.9)} .portal-topbar{background:linear-gradient(135deg,#081a35,#143a72)} .brand-portal img{width:54px;height:54px;border-radius:18px;object-fit:cover;background:#fff;padding:6px;box-shadow:0 10px 24px rgba(15,23,42,.12)} .brand-portal span{font-weight:800;letter-spacing:-.02em} .portal-buttons .button{border-radius:14px;font-weight:800} .portal-home-v3-hero{ padding:34px 0 16px; background: radial-gradient(circle at top left, rgba(37,99,235,.22), transparent 34%), radial-gradient(circle at 92% 14%, rgba(245,158,11,.16), transparent 20%), linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%); } .portal-home-v3-shell{ display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); gap:24px; align-items:stretch; } .portal-home-v3-copy, .portal-home-v3-hero-card, .portal-home-v3-quick-card, .portal-home-v3-service-card, .portal-home-v3-main-post, .portal-home-v3-side-card, .portal-home-v3-panel, .portal-home-v3-gallery-card, .portal-home-v3-gallery-empty{ box-shadow:0 20px 50px rgba(15,23,42,.08); } .portal-home-v3-copy{ position:relative; overflow:hidden; background:rgba(255,255,255,.92); border:1px solid rgba(219,234,254,.95); border-radius:36px; padding:38px; backdrop-filter:blur(10px); } .portal-home-v3-copy::after{ content:''; position:absolute; right:-110px; top:-110px; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle, rgba(59,130,246,.14) 0%, rgba(59,130,246,0) 70%); } .portal-home-v3-kicker{ display:inline-flex; padding:10px 16px; border-radius:999px; background:#dbeafe; color:#1d4ed8; font-size:13px; font-weight:800; letter-spacing:.02em; margin-bottom:14px; } .portal-home-v3-copy h1{ font-size:clamp(2.35rem,4.8vw,4.2rem); line-height:1; color:#0f172a; margin:0 0 14px; letter-spacing:-.04em; } .portal-home-v3-copy p{ font-size:1.06rem; line-height:1.85; color:#475569; max-width:700px; margin:0; } .portal-home-v3-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 20px} .portal-home-v3-actions .button{border-radius:16px;font-weight:800;padding-inline:1.1rem} .portal-home-v3-trustbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px} .portal-home-v3-trustbar span{ display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #dbeafe;color:#334155;font-size:.9rem;font-weight:700 } .portal-home-v3-trustbar i{color:#2563eb} .portal-home-v3-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .portal-home-v3-metrics article{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:18px 16px} .portal-home-v3-metrics strong{display:block;font-size:1.85rem;color:#0f172a;line-height:1} .portal-home-v3-metrics span{display:block;color:#64748b;font-weight:700;margin-top:7px} .portal-home-v3-visual{display:grid;gap:18px} .portal-home-v3-hero-card{position:relative;min-height:440px;border-radius:34px;overflow:hidden;background:linear-gradient(135deg,#0f4c81,#2563eb)} .portal-home-v3-bg,.portal-home-v3-overlay{position:absolute;inset:0} .portal-home-v3-bg{background-size:cover;background-position:center;transform:scale(1.03)} .portal-home-v3-bg-fallback{background:linear-gradient(135deg,#0f4c81,#2563eb)} .portal-home-v3-overlay{background:linear-gradient(180deg, rgba(8,23,53,.1) 0%, rgba(8,23,53,.48) 46%, rgba(8,23,53,.88) 100%)} .portal-home-v3-content{position:relative;z-index:2;min-height:440px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff} .portal-home-v3-badge{display:inline-flex;width:max-content;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:800;margin-bottom:12px;backdrop-filter:blur(8px)} .portal-home-v3-content h3{margin:0 0 10px;font-size:2.05rem;line-height:1.06;color:#fff;letter-spacing:-.03em} .portal-home-v3-content p{margin:0;color:#e2ecff;line-height:1.78} .portal-home-v3-content-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px} .portal-home-v3-content-pills span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.84rem;font-weight:700} .portal-home-v3-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:800;margin-top:16px} .portal-home-v3-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .portal-home-v3-quick-card{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:18px;color:#0f172a;transition:transform .2s ease, box-shadow .2s ease} .portal-home-v3-quick-card:hover{transform:translateY(-2px);box-shadow:0 24px 40px rgba(15,23,42,.1)} .portal-home-v3-quick-card i{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-size:1.15rem;flex-shrink:0} .portal-home-v3-quick-card strong{display:block;font-size:1rem;margin-bottom:4px} .portal-home-v3-quick-card span{color:#64748b;line-height:1.55} .portal-home-v3-strips{padding-top:10px} .portal-home-v3-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .portal-home-v3-service-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:26px} .portal-home-v3-service-card i{width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#1d4ed8;font-size:1.3rem;margin-bottom:14px} .portal-home-v3-service-card h3{margin:0 0 8px;font-size:1.2rem;color:#0f172a} .portal-home-v3-service-card p{margin:0;color:#64748b;line-height:1.7} .portal-home-v3-news-wrap{background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)} .portal-home-v3-news-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px} .portal-home-v3-main-post{overflow:hidden;border-radius:30px;background:#fff;border:1px solid #e2e8f0} .portal-home-v3-main-post img{width:100%;height:340px;object-fit:cover;display:block} .portal-home-v3-main-body{padding:28px} .portal-home-v3-main-body h3{font-size:2rem;line-height:1.12;margin:10px 0;color:#0f172a;letter-spacing:-.03em} .portal-home-v3-main-body p{margin:0;color:#64748b;line-height:1.8} .portal-home-v3-side-posts{display:grid;gap:16px} .portal-home-v3-side-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:22px} .portal-home-v3-side-card h4{margin:12px 0 8px;color:#0f172a;font-size:1.15rem;line-height:1.35} .portal-home-v3-side-card p{margin:0 0 12px;color:#64748b;line-height:1.7} .portal-home-v3-side-card a{color:#2563eb;font-weight:800} .portal-home-v3-empty-card{display:flex;flex-direction:column;justify-content:center;min-height:180px} .portal-home-v3-highlight-panels{padding-top:10px} .portal-home-v3-panels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .portal-home-v3-panel{background:#fff;border:1px solid #e2e8f0;border-radius:30px;padding:26px} .portal-home-v3-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px} .portal-home-v3-panel-head a{font-weight:800;color:#2563eb} .portal-home-v3-panel h3{margin:0 0 10px;color:#0f172a;font-size:1.35rem} .portal-home-v3-panel p{margin:0;color:#64748b;line-height:1.75} .portal-home-v3-mini-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px} .portal-home-v3-mini-list li{display:flex;gap:10px;align-items:flex-start;color:#334155;font-weight:600} .portal-home-v3-mini-list i{color:#2563eb;width:18px;margin-top:3px} .portal-home-v3-panel-badge-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0} .portal-home-v3-panel-badge-row span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:800} .portal-home-v3-member-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .portal-home-v3-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .portal-home-v3-gallery-card{margin:0;background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden} .portal-home-v3-gallery-card img{width:100%;height:250px;object-fit:cover;display:block} .portal-home-v3-gallery-card figcaption{padding:14px 16px;color:#0f172a;font-weight:800} .portal-home-v3-gallery-empty{grid-column:1/-1;text-align:center;padding:34px;border-radius:26px;background:#fff;border:1px dashed #bfdbfe} .portal-home-v3-gallery-empty i{width:64px;height:64px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-size:1.5rem;margin-bottom:12px} .portal-home-v3-gallery-empty h3{margin:0 0 8px;color:#0f172a} .portal-home-v3-gallery-empty p{margin:0;color:#64748b} .portal-home-v3-final-cta{border-radius:32px;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.14)} @media (max-width:1180px){.portal-home-v3-shell,.portal-home-v3-news-grid,.portal-home-v3-panels-grid{grid-template-columns:1fr}.portal-home-v3-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:860px){.portal-home-v3-service-grid,.portal-home-v3-metrics,.portal-home-v3-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-home-v3-trustbar{flex-direction:column}} @media (max-width:640px){.portal-home-v3-copy{padding:24px}.portal-home-v3-hero-card,.portal-home-v3-content{min-height:340px}.portal-home-v3-copy h1{font-size:2rem}.portal-home-v3-actions,.portal-home-v3-member-actions{flex-direction:column}.portal-home-v3-actions .button,.portal-home-v3-member-actions .button{width:100%}.portal-home-v3-service-grid,.portal-home-v3-metrics,.portal-home-v3-quick-grid,.portal-home-v3-gallery-grid{grid-template-columns:1fr}.portal-home-v3-main-post img{height:240px}} /* 10.1.0 - Portal completo no mesmo padrão da home */ .portal-inner-hero-section{padding:2rem 0 1rem} .portal-inner-hero{display:grid;grid-template-columns:minmax(0,1.5fr) 320px;gap:1.25rem;align-items:stretch;background:linear-gradient(135deg,#0c1f46,#2563eb);border-radius:32px;padding:2rem;box-shadow:0 22px 44px rgba(15,23,42,.14);color:#fff;position:relative;overflow:hidden} .portal-inner-hero:before{content:"";position:absolute;right:-70px;top:-70px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08)} .portal-inner-hero > *{position:relative;z-index:1} .portal-inner-hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:.45rem 0 .75rem;color:#fff} .portal-inner-hero p{max-width:760px;color:#e5efff;font-size:1.02rem} .portal-inner-hero-card{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);border-radius:24px;padding:1.2rem;display:flex;flex-direction:column;justify-content:center;min-height:100%} .portal-inner-hero-card strong{font-size:1.1rem;color:#fff;margin-bottom:.45rem} .portal-inner-hero-card p{margin:0;color:#e8efff;font-size:.96rem} .portal-surface-panel{border-radius:28px;box-shadow:0 18px 38px rgba(15,23,42,.08)} .portal-copy-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:1.25rem;align-items:start} .portal-side-stack{display:grid;gap:.9rem} .mini-info-card{display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.05rem;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #d9e8fb;box-shadow:0 10px 24px rgba(15,23,42,.05)} .mini-info-card i{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;flex:0 0 42px} .mini-info-card strong{display:block;color:#0f172a;font-size:1rem} .mini-info-card span{display:block;color:#64748b;font-size:.94rem;line-height:1.5} .portal-section-title{font-size:1.7rem;margin:.5rem 0 1rem;color:#0f172a} .portal-unified-grid,.portal-unified-grid-two{align-items:stretch} .portal-elevated-card{border:1px solid #e2e8f0;box-shadow:0 18px 38px rgba(15,23,42,.08);transition:transform .2s ease, box-shadow .2s ease} .portal-elevated-card:hover{transform:translateY(-3px);box-shadow:0 24px 46px rgba(15,23,42,.12)} .portal-empty-state{padding:3rem 1.5rem;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dce8f6;text-align:center;box-shadow:0 14px 32px rgba(15,23,42,.06)} .portal-empty-state i{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;font-size:1.5rem;margin-bottom:1rem} .portal-empty-state h3{font-size:1.45rem;color:#0f172a;margin:0 0 .45rem} .portal-empty-state p{max-width:640px;margin:0 auto;color:#64748b;line-height:1.7} .portal-gallery-premium{gap:1.15rem} .portal-gallery-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;overflow:hidden;box-shadow:0 16px 32px rgba(15,23,42,.07)} .portal-gallery-card img{height:240px;width:100%;object-fit:cover} .portal-gallery-card figcaption{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1rem 1.1rem} .portal-gallery-card figcaption strong{color:#0f172a} .portal-gallery-card figcaption span{color:#64748b;font-size:.92rem} .portal-contact-list-strong{display:grid;gap:.9rem;margin-top:1rem} .portal-contact-list-strong p{margin:0;padding:.9rem 1rem;border-radius:16px;background:#f8fbff;border:1px solid #dce8f6;color:#334155} .mini-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1rem} .mini-contact-grid article{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;border-radius:16px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #dce8f6;color:#334155;font-weight:700} .mini-contact-grid i{color:#1d4ed8} .full-height{height:100%} .footer-admin-box{display:grid;gap:.5rem;margin-top:.8rem;padding:1rem;border-radius:18px;background:rgba(255,255,255,.06)} .footer-admin-box strong{color:#fff} .footer-admin-box a{color:#dbeafe} @media (max-width:960px){.portal-inner-hero,.portal-copy-grid{grid-template-columns:1fr}.portal-inner-hero-card{min-height:auto}.mini-contact-grid{grid-template-columns:1fr}} @media (max-width:640px){.portal-inner-hero{padding:1.35rem;border-radius:24px}.portal-inner-hero-section{padding-top:1.25rem}.portal-gallery-card img{height:210px}} /* ========================================================= V11.1.5 - MENU MOBILE PERFEITO TOTAL / NAVBAR SAAS Fecha por padrão, abre só no clique, dropdown, backdrop e animação. ========================================================= */ .portal-navbar{ position:sticky!important; top:0!important; z-index:1000!important; background:rgba(255,255,255,.9)!important; backdrop-filter:blur(16px)!important; border-bottom:1px solid rgba(226,232,240,.9)!important; } .portal-nav-shell{ position:relative!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; min-height:82px!important; } .portal-brand-wrap{ width:auto!important; flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:space-between!important; } .brand-portal{ display:inline-flex!important; align-items:center!important; gap:12px!important; padding:8px 14px!important; border:1px solid #dbeafe!important; border-radius:18px!important; background:linear-gradient(180deg,#fff,#f8fbff)!important; box-shadow:0 12px 26px rgba(15,23,42,.06)!important; white-space:nowrap!important; } .brand-portal img{width:46px!important;height:46px!important;object-fit:contain!important;flex:0 0 auto!important} .brand-portal span{font-weight:900!important;color:#0f172a!important;letter-spacing:-.02em!important} .portal-menu-shell{ flex:1 1 auto!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; background:transparent!important; box-shadow:none!important; } .portal-menu-links{ display:flex!important; align-items:center!important; gap:6px!important; flex-wrap:nowrap!important; } .portal-menu-links .navbar-item, .portal-dropdown-toggle{ display:inline-flex!important; align-items:center!important; gap:8px!important; min-height:44px!important; padding:0 14px!important; border:0!important; border-radius:999px!important; background:transparent!important; color:#334155!important; font-family:inherit!important; font-size:.95rem!important; font-weight:800!important; cursor:pointer!important; white-space:nowrap!important; transition:background .2s ease,color .2s ease,transform .2s ease!important; } .portal-menu-links .navbar-item:hover, .portal-menu-links .navbar-item.is-current, .portal-dropdown:hover>.portal-dropdown-toggle, .portal-dropdown.is-current>.portal-dropdown-toggle, .portal-dropdown.is-open>.portal-dropdown-toggle{ background:#eaf2ff!important; color:#1d4ed8!important; } .portal-menu-links .navbar-item.is-current::after{display:none!important} .portal-dropdown{position:relative!important;display:inline-flex!important;align-items:center!important} .portal-dropdown-toggle .fa-chevron-down{font-size:.75rem!important;transition:transform .2s ease!important} .portal-dropdown.is-open .portal-dropdown-toggle .fa-chevron-down{transform:rotate(180deg)!important} .portal-dropdown-menu{ position:absolute!important; top:calc(100% + 12px)!important; left:0!important; min-width:230px!important; display:grid!important; gap:6px!important; padding:10px!important; border:1px solid #e2e8f0!important; border-radius:20px!important; background:#fff!important; box-shadow:0 22px 48px rgba(15,23,42,.13)!important; opacity:0!important; pointer-events:none!important; transform:translateY(8px) scale(.98)!important; transition:opacity .18s ease,transform .18s ease!important; z-index:1100!important; } .portal-dropdown:hover .portal-dropdown-menu, .portal-dropdown.is-open .portal-dropdown-menu{ opacity:1!important; pointer-events:auto!important; transform:translateY(0) scale(1)!important; } .portal-dropdown-menu a{ display:flex!important; align-items:center!important; gap:10px!important; padding:12px 13px!important; border-radius:14px!important; color:#334155!important; font-weight:800!important; transition:background .18s ease,color .18s ease!important; } .portal-dropdown-menu a:hover{background:#eff6ff!important;color:#1d4ed8!important} .portal-dropdown-menu a i{width:20px!important;color:#2563eb!important} .portal-nav-actions{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important} .portal-buttons{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;margin:0!important} .portal-buttons .button,.portal-install-btn{height:46px!important;border-radius:999px!important;font-weight:900!important;white-space:nowrap!important} .portal-burger,.portal-mobile-head,.portal-menu-backdrop{display:none!important} .portal-menu-lock{overflow:hidden!important} @media (max-width:1280px){ .portal-menu-links .navbar-item,.portal-dropdown-toggle{padding:0 10px!important;font-size:.88rem!important} .brand-portal span{max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important} .portal-buttons .button,.portal-install-btn{padding-left:12px!important;padding-right:12px!important;font-size:.9rem!important} } @media (max-width:960px){ .portal-topbar{display:none!important} .portal-navbar{z-index:2000!important} .portal-nav-shell{min-height:72px!important;padding:0 14px!important;width:100%!important;max-width:none!important} .portal-brand-wrap{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important} .brand-portal{padding:7px 10px!important;border-radius:16px!important;max-width:calc(100vw - 92px)!important} .brand-portal img{width:40px!important;height:40px!important} .brand-portal span{max-width:210px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.98rem!important} .portal-burger{ display:inline-flex!important; width:48px!important; height:48px!important; border:0!important; border-radius:16px!important; align-items:center!important; justify-content:center!important; flex-direction:column!important; gap:5px!important; background:#eff6ff!important; box-shadow:0 12px 24px rgba(37,99,235,.16)!important; cursor:pointer!important; flex:0 0 auto!important; } .portal-burger span{width:21px!important;height:2px!important;background:#1d4ed8!important;border-radius:999px!important;transition:transform .2s ease,opacity .2s ease!important} .portal-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)!important} .portal-burger.is-open span:nth-child(2){opacity:0!important} .portal-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important} .portal-menu-backdrop{ display:block!important; position:fixed!important; inset:72px 0 0 0!important; background:rgba(15,23,42,.38)!important; backdrop-filter:blur(3px)!important; opacity:0!important; transition:opacity .22s ease!important; z-index:1990!important; } .portal-menu-backdrop.is-visible{opacity:1!important} .portal-menu-shell{ display:flex!important; position:fixed!important; top:82px!important; right:14px!important; left:auto!important; width:min(390px,calc(100vw - 28px))!important; max-height:calc(100vh - 98px)!important; overflow:auto!important; overscroll-behavior:contain!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; gap:14px!important; padding:16px!important; border:1px solid #e2e8f0!important; border-radius:28px!important; background:rgba(255,255,255,.98)!important; box-shadow:0 30px 70px rgba(15,23,42,.24)!important; opacity:0!important; pointer-events:none!important; transform:translateY(-12px) scale(.97)!important; transition:opacity .22s ease,transform .22s ease!important; z-index:2010!important; } .portal-menu-shell.is-open{ opacity:1!important; pointer-events:auto!important; transform:translateY(0) scale(1)!important; } .portal-mobile-head{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; padding:4px 4px 12px!important; border-bottom:1px solid #e2e8f0!important; } .portal-mobile-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important} .portal-mobile-brand img{width:42px!important;height:42px!important;object-fit:contain!important;border-radius:14px!important;background:#eff6ff!important;padding:5px!important} .portal-mobile-brand strong{display:block!important;color:#0f172a!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:230px!important} .portal-mobile-brand small{display:block!important;color:#64748b!important;font-weight:700!important} .portal-mobile-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border:0!important;border-radius:14px!important;background:#f1f5f9!important;color:#0f172a!important;font-size:1.15rem!important;cursor:pointer!important;flex:0 0 auto!important} .portal-menu-links{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important} .portal-menu-links .navbar-item, .portal-dropdown-toggle{ width:100%!important; justify-content:flex-start!important; min-height:52px!important; padding:0 14px!important; border-radius:16px!important; background:#f8fbff!important; color:#172033!important; font-size:1rem!important; } .portal-menu-links .navbar-item i, .portal-dropdown-toggle span i{width:22px!important;color:#2563eb!important;text-align:center!important} .portal-dropdown{display:block!important;width:100%!important} .portal-dropdown-toggle{justify-content:space-between!important} .portal-dropdown-toggle span{display:inline-flex!important;align-items:center!important;gap:8px!important} .portal-dropdown-menu{ position:static!important; min-width:0!important; width:100%!important; display:grid!important; max-height:0!important; overflow:hidden!important; padding:0 8px!important; margin-top:0!important; border:0!important; border-radius:18px!important; background:#f8fbff!important; box-shadow:none!important; opacity:1!important; pointer-events:auto!important; transform:none!important; transition:max-height .24s ease,padding .24s ease,margin .24s ease!important; } .portal-dropdown:hover .portal-dropdown-menu{max-height:0!important;padding:0 8px!important;margin-top:0!important} .portal-dropdown.is-open .portal-dropdown-menu{ max-height:360px!important; padding:8px!important; margin-top:8px!important; border:1px solid #e2e8f0!important; } .portal-dropdown-menu a{min-height:46px!important;background:#fff!important;border:1px solid #eaf0f7!important;border-radius:14px!important} .portal-nav-actions{display:grid!important;width:100%!important;gap:10px!important;padding-top:12px!important;border-top:1px solid #e2e8f0!important} .portal-buttons{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important} .portal-buttons .button,.portal-install-btn{width:100%!important;height:52px!important;justify-content:center!important;border-radius:16px!important} } @media (max-width:420px){ .portal-menu-shell{right:10px!important;width:calc(100vw - 20px)!important;border-radius:24px!important} .brand-portal span{max-width:160px!important} } /* ===== V11.1.6 PERFORMANCE MAX ===== */ html{scroll-behavior:auto!important} body{font-family:Arial,"Segoe UI",sans-serif!important;text-rendering:optimizeSpeed!important} img{max-width:100%;height:auto} .section,.portal-home-v3-news-wrap,.portal-home-v3-highlight-panels,.portal-footer{content-visibility:auto;contain-intrinsic-size:1px 720px} .portal-navbar,.portal-menu-shell,.portal-dropdown-menu,.portal-menu-backdrop,.glass-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .portal-navbar{background:#fff!important} .portal-menu-shell,.portal-dropdown-menu,.content-card,.portal-strip-card,.portal-home-v3-service-card,.portal-home-v3-panel,.portal-home-v3-quick-card{box-shadow:0 10px 24px rgba(15,23,42,.08)!important} .portal-menu-links .navbar-item,.portal-dropdown-toggle,.portal-dropdown-menu,.portal-menu-shell,.portal-burger span{transition-duration:.14s!important} .portal-menu-shell{will-change:transform,opacity;contain:layout paint style} .portal-dropdown-menu{will-change:transform,opacity;contain:layout paint style} @media (max-width:960px){.portal-menu-backdrop{background:rgba(15,23,42,.28)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.portal-menu-shell{box-shadow:0 18px 38px rgba(15,23,42,.18)!important;transition:opacity .16s ease,transform .16s ease!important}.hero-premium-card,.portal-home-v3-hero-card,.slider-portal{box-shadow:0 12px 28px rgba(15,23,42,.12)!important}*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* ===== SOURCE: v20_portal_assm.css ===== */ :root{--v20-blue:#0757e6;--v20-deep:#071b45;--v20-navy:#03132f;--v20-cyan:#0dbed7;--v20-bg:#f4f7fb;--v20-text:#0a1733;--v20-muted:#667085;--v20-card:#fff;--v20-border:#e5eaf2;--v20-shadow:0 18px 50px rgba(9,31,73,.12)} *{box-sizing:border-box}.v20-body{margin:0;background:var(--v20-bg);color:var(--v20-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.v20-body a{text-decoration:none}.v20-container{width:min(1180px,calc(100% - 32px));margin:auto} .v20-header{position:sticky;top:0;z-index:1000;background:rgba(5,25,62,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}.v20-nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.v20-brand{display:flex;align-items:center;gap:13px;color:#fff;min-width:0}.v20-brand img{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#fff;padding:4px;box-shadow:0 0 0 5px rgba(255,255,255,.09)}.v20-brand-copy{display:flex;flex-direction:column;line-height:1}.v20-brand-copy strong{font-size:1.5rem;letter-spacing:.02em}.v20-brand-copy span{font-size:.75rem;font-weight:700;margin-top:6px;opacity:.84;max-width:270px;line-height:1.2}.v20-desktop-menu{display:flex;align-items:center;gap:4px}.v20-desktop-menu a{color:#dbe7ff;padding:12px 13px;border-radius:12px;font-weight:700;font-size:.93rem}.v20-desktop-menu a:hover,.v20-desktop-menu a.is-active{background:rgba(255,255,255,.1);color:#fff}.v20-member-btn{display:inline-flex!important;align-items:center;gap:8px;background:linear-gradient(135deg,var(--v20-blue),#1648c8)!important;color:#fff!important;padding:13px 18px!important;border-radius:999px!important}.v20-menu-btn{display:none;width:46px;height:46px;border:0;border-radius:14px;background:rgba(255,255,255,.1);color:#fff;font-size:1.25rem} .v20-drawer-overlay{position:fixed;inset:0;background:rgba(1,9,25,.58);z-index:1090;opacity:0;visibility:hidden;transition:.22s}.v20-drawer{position:fixed;top:0;right:0;width:min(88vw,360px);height:100dvh;background:#fff;z-index:1100;transform:translateX(102%);transition:.25s ease;display:flex;flex-direction:column;box-shadow:-30px 0 80px rgba(0,0,0,.24)}.v20-drawer.is-open{transform:none}.v20-drawer-overlay.is-open{opacity:1;visibility:visible}.v20-drawer-head{padding:22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--v20-border)}.v20-drawer-brand{display:flex;align-items:center;gap:12px}.v20-drawer-brand img{width:48px;height:48px;border-radius:15px;object-fit:cover;background:#eef4ff;padding:4px}.v20-drawer-brand strong{display:block;font-size:1.1rem}.v20-drawer-brand span{display:block;color:var(--v20-muted);font-size:.78rem;margin-top:3px}.v20-drawer-close{width:44px;height:44px;border:0;border-radius:14px;background:#eef3fb;color:var(--v20-deep);font-size:1.1rem}.v20-drawer-links{padding:16px;display:grid;gap:8px;overflow:auto}.v20-drawer-links a{display:flex;align-items:center;gap:14px;color:#1d2939;background:#f8fafc;padding:15px 16px;border-radius:15px;font-weight:750}.v20-drawer-links a i{width:23px;text-align:center;color:var(--v20-blue)}.v20-drawer-links a.is-active{background:var(--v20-deep);color:#fff}.v20-drawer-links a.is-active i{color:#fff}.v20-drawer-actions{margin-top:auto;padding:18px;border-top:1px solid var(--v20-border);display:grid;gap:10px}.v20-drawer-actions a,.v20-drawer-actions button{height:52px;border:0;border-radius:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px}.v20-drawer-member{background:linear-gradient(135deg,var(--v20-blue),var(--v20-cyan));color:#fff}.v20-install{background:#eef3fb;color:var(--v20-deep)}body.v20-menu-open{overflow:hidden} .v20-hero{position:relative;min-height:560px;background:linear-gradient(90deg,rgba(3,19,47,.98) 0%,rgba(4,37,91,.92) 48%,rgba(5,57,132,.56) 100%),var(--v20-hero);background-size:cover;background-position:center;display:flex;align-items:center;overflow:hidden}.v20-hero:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:7%;top:70px;background:radial-gradient(circle,rgba(25,93,235,.45),transparent 68%)}.v20-hero-inner{position:relative;z-index:2;padding:72px 0 115px;max-width:710px}.v20-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#63b3ff;font-weight:850;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}.v20-hero h1{color:#fff;font-size:clamp(2.5rem,5.5vw,4.8rem);line-height:1.02;margin:18px 0 22px;font-weight:900;letter-spacing:-.045em}.v20-hero h1 span{color:#58c8ff}.v20-hero p{font-size:1.15rem;line-height:1.65;color:#d7e6ff;max-width:650px}.v20-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.v20-btn{min-height:52px;padding:0 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:850}.v20-btn-primary{background:var(--v20-blue);color:#fff}.v20-btn-light{background:#fff;color:var(--v20-deep)} .v20-quick-wrap{position:relative;z-index:4;margin-top:-72px}.v20-quick{background:#fff;border-radius:24px;box-shadow:var(--v20-shadow);display:grid;grid-template-columns:repeat(5,1fr);padding:12px;border:1px solid rgba(8,48,112,.07)}.v20-quick a{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#17233f;font-weight:800;border-radius:18px;transition:.2s}.v20-quick a:hover{background:#eff5ff;color:var(--v20-blue);transform:translateY(-2px)}.v20-quick i{font-size:1.55rem;color:var(--v20-blue)} .v20-section{padding:64px 0}.v20-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}.v20-section-head h2{font-size:1.75rem;margin:0;font-weight:900;letter-spacing:-.025em}.v20-section-head p{margin:7px 0 0;color:var(--v20-muted)}.v20-see-all{color:var(--v20-blue);font-weight:850}.v20-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.v20-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--v20-border);box-shadow:0 9px 28px rgba(15,35,75,.07)}.v20-card-image{height:195px;background:linear-gradient(135deg,#dce8fb,#a7c1ea);background-size:cover;background-position:center}.v20-card-body{padding:20px}.v20-card-date{color:var(--v20-muted);font-size:.82rem;font-weight:700}.v20-card h3{font-size:1.15rem;line-height:1.3;margin:8px 0 10px}.v20-card p{color:var(--v20-muted);line-height:1.55;margin:0}.v20-card-link{display:inline-flex;margin-top:16px;color:var(--v20-blue);font-weight:850}.v20-event-list{display:grid;gap:12px}.v20-event{background:#fff;border:1px solid var(--v20-border);border-radius:18px;padding:14px;display:grid;grid-template-columns:82px 1fr auto;gap:16px;align-items:center}.v20-event-date{height:68px;border-radius:14px;background:linear-gradient(145deg,var(--v20-deep),var(--v20-blue));color:#fff;display:grid;place-items:center;text-align:center}.v20-event-date strong{display:block;font-size:1.45rem;line-height:1}.v20-event-date span{font-size:.73rem;font-weight:850}.v20-event h3{margin:0 0 7px;font-size:1.08rem}.v20-event-meta{display:flex;gap:15px;flex-wrap:wrap;color:var(--v20-muted);font-size:.87rem}.v20-event .v20-btn{min-height:44px;padding:0 17px}.v20-cta{background:linear-gradient(135deg,var(--v20-deep),#0b3d99);border-radius:28px;padding:42px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px}.v20-cta h2{font-size:2rem;margin:0 0 9px}.v20-cta p{color:#d7e6ff;margin:0;max-width:650px}.v20-footer{background:#03132f;color:#dbe7ff;padding:48px 0 100px}.v20-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:32px}.v20-footer h3,.v20-footer h4{color:#fff;margin-top:0}.v20-footer p,.v20-footer li,.v20-footer a{color:#aebeda}.v20-footer ul{padding:0;list-style:none;display:grid;gap:9px}.v20-copy{margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.84rem;color:#8fa3c4} .v20-bottom{display:none}.v20-empty{padding:32px;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;color:var(--v20-muted)} @media(max-width:980px){.v20-desktop-menu{display:none}.v20-menu-btn{display:block}.v20-quick{grid-template-columns:repeat(5,1fr)}.v20-footer-grid{grid-template-columns:1fr 1fr}.v20-grid-3{grid-template-columns:repeat(2,1fr)}} @media(max-width:680px){.v20-container{width:min(100% - 24px,1180px)}.v20-nav{height:70px}.v20-brand img{width:44px;height:44px}.v20-brand-copy strong{font-size:1.15rem}.v20-brand-copy span{font-size:.62rem;max-width:210px}.v20-hero{min-height:520px}.v20-hero-inner{padding:54px 0 110px}.v20-hero h1{font-size:2.5rem}.v20-hero p{font-size:1rem}.v20-hero-actions{display:grid;grid-template-columns:1fr}.v20-btn{width:100%}.v20-quick-wrap{margin-top:-62px}.v20-quick{grid-template-columns:repeat(3,1fr);gap:3px;border-radius:20px;padding:8px}.v20-quick a{min-height:86px;font-size:.75rem;text-align:center;padding:6px}.v20-quick i{font-size:1.3rem}.v20-section{padding:44px 0}.v20-section-head{align-items:center}.v20-section-head h2{font-size:1.42rem}.v20-grid-3{grid-template-columns:1fr}.v20-card-image{height:185px}.v20-event{grid-template-columns:66px 1fr}.v20-event-date{height:62px}.v20-event .v20-btn{display:none}.v20-event-meta{gap:7px;font-size:.78rem}.v20-cta{padding:28px 22px;display:block}.v20-cta h2{font-size:1.55rem}.v20-cta .v20-btn{margin-top:22px}.v20-footer-grid{grid-template-columns:1fr}.v20-footer{padding-bottom:110px}.v20-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;z-index:999;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-top:1px solid #e4e9f1;padding:7px 5px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(4,25,66,.12)}.v20-bottom a,.v20-bottom button{border:0;background:transparent;color:#6b7280;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.68rem;font-weight:800}.v20-bottom i{font-size:1.25rem}.v20-bottom .is-active{color:var(--v20-blue)}} @media(prefers-color-scheme:dark){.v20-body[data-theme="auto"]{--v20-bg:#071126;--v20-text:#f5f8ff;--v20-muted:#9fb0cc;--v20-card:#0e1c35;--v20-border:#1d2e4d}.v20-body[data-theme="auto"] .v20-card,.v20-body[data-theme="auto"] .v20-event,.v20-body[data-theme="auto"] .v20-quick{background:var(--v20-card)}.v20-body[data-theme="auto"] .v20-quick a{color:#eaf1ff}.v20-body[data-theme="auto"] .v20-bottom{background:rgba(8,18,38,.97)}} /* V21.3 — páginas internas unificadas com a home */ #conteudo{min-height:45vh}.portal-inner-hero-section{padding:54px 0 32px;background:linear-gradient(135deg,#eef4ff,#f8fbff)}.portal-inner-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:28px;align-items:center;background:#fff;border:1px solid var(--v20-border);border-radius:26px;padding:34px;box-shadow:var(--v20-shadow)}.portal-inner-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--v20-blue);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.portal-inner-hero h1{margin:9px 0 12px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;font-weight:900;letter-spacing:-.035em;color:var(--v20-text)}.portal-inner-hero p{margin:0;color:var(--v20-muted);font-size:1.02rem;line-height:1.7}.portal-inner-hero-card{background:linear-gradient(145deg,var(--v20-deep),#0d4db7);color:#fff;border-radius:20px;padding:26px}.portal-inner-hero-card strong{display:block;font-size:1.45rem}.portal-inner-hero-card p{color:#dbeafe;margin-top:8px}.cards-grid{display:grid;gap:20px}.cards-grid.two,.portal-unified-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card,.portal-elevated-card{background:#fff;border:1px solid var(--v20-border);border-radius:22px;overflow:hidden;box-shadow:0 12px 34px rgba(15,35,75,.08)}.horizontal-card{display:grid;grid-template-columns:210px minmax(0,1fr)}.horizontal-card>img{width:100%;height:100%;min-height:260px;object-fit:cover;background:#dfe8f6}.content-body{padding:24px}.content-body .pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eaf2ff;color:var(--v20-blue);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.content-body h3{font-size:1.35rem;line-height:1.25;margin:12px 0 10px;color:var(--v20-text)}.content-body>p{color:var(--v20-muted);line-height:1.65}.details-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:9px}.details-list li{display:flex;align-items:center;gap:10px;color:#475467}.details-list i{width:18px;color:var(--v20-blue)}.content-actions{margin-top:18px}.portal-empty-state{background:#fff;border:1px dashed #b9c8df;border-radius:24px;padding:54px 28px;text-align:center;box-shadow:0 12px 34px rgba(15,35,75,.05)}.portal-empty-state i{font-size:2.4rem;color:var(--v20-blue);margin-bottom:14px}.portal-empty-state h3{font-size:1.4rem;margin:0 0 8px;color:var(--v20-text)}.portal-empty-state p{margin:0;color:var(--v20-muted)}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--v20-blue);font-weight:800}.section{position:relative}.section.pt-0{padding-top:0}.tag.is-info.is-light,.button.is-link.is-light{color:#0b4bd4!important;background:#eaf2ff!important;border-color:transparent!important}.button.is-link{background:#0b4bd4}.button{border-radius:12px;font-weight:800}.notification{border-radius:16px}.v20-body .title,.v20-body .subtitle,.v20-body .content h1,.v20-body .content h2,.v20-body .content h3{color:var(--v20-text)} @media(max-width:900px){.portal-inner-hero{grid-template-columns:1fr}.cards-grid.two,.portal-unified-grid-two{grid-template-columns:1fr}.horizontal-card{grid-template-columns:180px minmax(0,1fr)}} @media(max-width:620px){.portal-inner-hero-section{padding:24px 0}.portal-inner-hero{padding:24px;border-radius:20px}.portal-inner-hero-card{padding:21px}.horizontal-card{display:block}.horizontal-card>img{height:190px;min-height:0}.content-body{padding:20px}.section{padding-left:0;padding-right:0}} @media(prefers-color-scheme:dark){.v20-body[data-theme="auto"] .portal-inner-hero-section{background:#071126}.v20-body[data-theme="auto"] .portal-inner-hero,.v20-body[data-theme="auto"] .content-card,.v20-body[data-theme="auto"] .portal-empty-state{background:var(--v20-card)}.v20-body[data-theme="auto"] .details-list li{color:#b5c4dc}} /* ===== SOURCE: v23_profissional_completo.css ===== */ /* Associação Clube v23 — visual profissional unificado */ :root{ --v23-primary:#1457d9;--v23-primary-2:#0b3eaa;--v23-accent:#19b6d8; --v23-navy:#071a3c;--v23-ink:#10213e;--v23-muted:#65738b; --v23-bg:#f3f6fb;--v23-card:#fff;--v23-line:#dfe7f3; --v23-success:#159a62;--v23-warning:#d58b14;--v23-danger:#d84242; --v23-radius:20px;--v23-radius-sm:14px;--v23-shadow:0 18px 48px rgba(20,42,82,.10); } html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--v23-ink);background:var(--v23-bg);-webkit-font-smoothing:antialiased} *{box-sizing:border-box}a{transition:.2s ease}.button,.input,.textarea,.select select{border-radius:12px}.button{font-weight:800;min-height:42px}.button.is-link,.button.is-primary{background:linear-gradient(135deg,var(--v23-primary),var(--v23-primary-2));border:0;box-shadow:0 10px 22px rgba(20,87,217,.22)} .input,.textarea,.select select{border:1px solid #d7e0ee;box-shadow:none;background:#fff}.input:focus,.textarea:focus,.select select:focus{border-color:var(--v23-primary);box-shadow:0 0 0 4px rgba(20,87,217,.10)} .box,.card,.panel-admin,.glass-card,.table-card{border:1px solid var(--v23-line);border-radius:var(--v23-radius);box-shadow:var(--v23-shadow);background:var(--v23-card)} .table{background:transparent}.table thead th{color:#536178;text-transform:uppercase;font-size:.72rem;letter-spacing:.06em;border-bottom:1px solid var(--v23-line)}.table td{vertical-align:middle;border-color:#edf1f7}.table tbody tr:hover{background:#f8faff} .notification{border-radius:14px;border:1px solid rgba(0,0,0,.06)} /* Admin Associação */ body.admin-associacao-mobile{background:linear-gradient(180deg,#edf3ff 0,#f7f9fc 240px,#f3f6fb 100%)} .topbar-admin{position:sticky;top:0;z-index:120;min-height:74px;padding:12px 22px;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(207,219,237,.9);box-shadow:0 8px 30px rgba(16,33,62,.06)} .topbar-branding{gap:12px}.topbar-logo,.topbar-logo-fallback{width:44px!important;height:44px!important;border-radius:14px!important}.topbar-branding strong{font-size:1rem;color:var(--v23-navy)}.topbar-subtitle{color:var(--v23-muted)!important} .sidebar-admin,#sideMenu{background:linear-gradient(180deg,#071a3c,#0a285c 58%,#0d3b86)!important;border:0!important;box-shadow:18px 0 50px rgba(4,18,45,.18)} .sidebar-admin a,#sideMenu a{border-radius:12px!important;color:#dbe7ff!important;margin:3px 10px;padding:11px 13px!important;font-weight:700}.sidebar-admin a:hover,#sideMenu a:hover,.sidebar-admin a.is-active,#sideMenu a.is-active{background:rgba(255,255,255,.13)!important;color:#fff!important;transform:translateX(2px)} .admin-main-content,.main-content,.conteudo-admin{padding:26px!important}.container{max-width:1320px!important}.title{color:var(--v23-navy)} .admin-grid,.dashboard-grid{gap:18px}.stat-card,.metric-card,.kpi-card{border-radius:18px!important;border:1px solid var(--v23-line)!important;box-shadow:0 12px 30px rgba(19,44,84,.08)!important;transition:.2s}.stat-card:hover,.metric-card:hover,.kpi-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(19,44,84,.12)!important} .assoc-app-bottom-nav{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(18px);border-top:1px solid var(--v23-line)!important;box-shadow:0 -12px 34px rgba(20,42,82,.10)!important}.assoc-app-bottom-nav a,.assoc-app-bottom-nav button{color:#62708a!important}.assoc-app-bottom-nav .is-active{color:var(--v23-primary)!important} /* Admin Portal */ .admin-shell{min-height:100vh;background:var(--v23-bg)}.admin-sidebar{background:linear-gradient(180deg,#061a3d,#0a2b63 58%,#0d438f)!important;border-right:0!important;box-shadow:18px 0 55px rgba(4,18,45,.18)} .admin-brand{margin:10px 10px 18px;padding:16px!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px}.admin-brand h2,.admin-brand p,.admin-brand small{color:#fff!important}.admin-brand-icon{background:linear-gradient(135deg,#2f78ff,#24c4dd)!important;box-shadow:0 12px 28px rgba(36,196,221,.24)} .admin-nav a{margin:3px 9px;border-radius:12px!important;color:#dbe7ff!important;font-weight:700}.admin-nav a:hover,.admin-nav a.is-active{background:rgba(255,255,255,.13)!important;color:#fff!important}.admin-nav a.is-active:before{content:"";width:4px;height:20px;background:#42d6ec;border-radius:999px;position:absolute;left:4px} .admin-sidebar-box{margin:16px 12px!important;border-radius:16px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff}.admin-sidebar-box a,.admin-sidebar-box strong{color:#fff!important} .admin-main{background:linear-gradient(180deg,#edf3ff 0,#f7f9fc 240px,#f3f6fb 100%)}.admin-header{margin:18px 22px 0!important;padding:20px 24px!important;border-radius:22px!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(18px)}.admin-page-title{color:var(--v23-navy)!important;letter-spacing:-.03em}.admin-page-subtitle{color:var(--v23-muted)!important}.admin-content{padding:22px!important}.admin-badge{background:#e9f1ff!important;color:var(--v23-primary)!important;border:1px solid #cfe0ff!important} .panel-head h2{color:var(--v23-navy)}.admin-table{border-radius:16px;overflow:hidden}.table-tag{border-radius:999px;padding:6px 10px;font-weight:800} /* Área do membro */ .membro-app{min-height:100vh;background:linear-gradient(180deg,#edf3ff,#f8faff 230px,#f3f6fb)}.membro-sidebar{background:linear-gradient(180deg,#071a3c,#0b2e69 58%,#0d438f)!important;box-shadow:18px 0 55px rgba(4,18,45,.18)}.membro-sidebar a{color:#dce8ff!important;border-radius:12px!important;font-weight:700}.membro-sidebar a:hover,.membro-sidebar a.is-active{background:rgba(255,255,255,.13)!important;color:#fff!important}.sidebar-brand{border-bottom:1px solid rgba(255,255,255,.14)!important}.sidebar-brand strong,.sidebar-brand span{color:#fff!important}.brand-avatar{box-shadow:0 10px 24px rgba(0,0,0,.22)} .membro-main{background:transparent!important}.membro-header{background:rgba(255,255,255,.90)!important;backdrop-filter:blur(18px);border:1px solid var(--v23-line)!important;border-radius:22px!important;margin:18px 20px 0!important;box-shadow:var(--v23-shadow)!important}.membro-content{padding:22px!important}.membro-page-title{color:var(--v23-navy)!important}.membro-card,.member-card{border-radius:20px!important;border:1px solid var(--v23-line)!important;box-shadow:var(--v23-shadow)!important} /* Logins */ .admin-login-body,.login-admin-body{min-height:100vh;background:radial-gradient(circle at 15% 10%,#1d67df 0,#0b2a63 28%,#06142f 70%)}.admin-login-hero,.login-admin-shell{min-height:100vh}.admin-login-copy h1,.login-admin-hero h1{color:#fff!important;letter-spacing:-.04em}.admin-login-copy p,.login-admin-hero p{color:#d9e7ff!important}.admin-login-box,.login-admin-card{border-radius:26px!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 30px 80px rgba(0,0,0,.28)!important;background:rgba(255,255,255,.97)!important}.login-admin-hero{background:transparent!important}.premium-chip,.admin-badge{border-radius:999px} .tenant-login{background:radial-gradient(circle at 12% 10%,#1f6be4 0,#0b2a63 30%,#06142f 72%)!important}.tenant-card{border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 34px 90px rgba(0,0,0,.32)!important}.tenant-brand{background:linear-gradient(145deg,#0b4bd4,#071d4d 72%)!important;position:relative;overflow:hidden}.tenant-brand:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-170px;bottom:-170px;background:rgba(255,255,255,.09)}.tenant-form{background:#fff} /* Portal público */ .v20-body{background:#f7f9fc;color:var(--v23-ink)}.v20-header{background:rgba(7,26,60,.94)!important;backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(4,18,45,.16)}.v20-nav{min-height:82px}.v20-brand img{background:#fff;border-radius:16px;padding:5px;box-shadow:0 8px 20px rgba(0,0,0,.18)}.v20-brand-copy strong{font-size:1.08rem}.v20-desktop-menu a{border-radius:10px;font-weight:800}.v20-member-btn{background:linear-gradient(135deg,#2f78ff,#19b6d8)!important;box-shadow:0 10px 24px rgba(25,182,216,.25)} .v20-hero{border-radius:0 0 32px 32px!important;overflow:hidden;box-shadow:0 18px 45px rgba(7,26,60,.14)}.v20-container{max-width:1220px!important}.v20-quick-grid,.v20-card-grid{gap:18px!important}.v20-quick-item,.v20-card,.v20-event-item{border:1px solid var(--v23-line)!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(20,42,82,.08)!important;transition:.22s}.v20-quick-item:hover,.v20-card:hover,.v20-event-item:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(20,42,82,.13)!important}.v20-section-title h2{color:var(--v23-navy)!important}.v20-drawer{background:#071a3c!important;border-left:1px solid rgba(255,255,255,.12)}.v20-drawer-links a{color:#e0eaff!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important}.v20-drawer-links a:hover,.v20-drawer-links a.is-active{background:rgba(255,255,255,.14)!important;color:#fff!important}.v20-drawer-brand strong,.v20-drawer-brand span{color:#fff!important}.v20-footer{background:linear-gradient(180deg,#071a3c,#04112a)!important}.v20-bottom{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px);border-top:1px solid var(--v23-line)!important;box-shadow:0 -12px 32px rgba(20,42,82,.12)!important}.v20-bottom .is-active{color:var(--v23-primary)!important} /* responsivo */ @media(max-width:900px){.admin-header,.membro-header{margin:10px 10px 0!important;padding:16px!important}.admin-content,.membro-content,.admin-main-content,.main-content,.conteudo-admin{padding:14px!important}.topbar-admin{padding:10px 12px}.topbar-actions .button span{display:none}.box,.card,.panel-admin,.glass-card,.table-card{border-radius:16px}.table-card{overflow-x:auto}.table{min-width:720px}.v20-header{position:sticky;top:0;z-index:100}.v20-nav{min-height:68px}.v20-brand-copy span{display:none}.v20-hero{border-radius:0 0 24px 24px!important}.v20-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))}.tenant-card{border-radius:0!important;min-height:100dvh}.tenant-form{padding:30px 22px!important}} @media(max-width:520px){.admin-page-title,.membro-page-title{font-size:1.35rem!important}.admin-page-subtitle{font-size:.86rem!important}.topbar-branding strong{font-size:.9rem}.topbar-subtitle{font-size:.72rem}.button{min-height:44px}.columns{margin-left:0!important;margin-right:0!important}.column{padding:.5rem!important}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* v23.1 — autenticação unificada e estrutural */ .auth-portal-login .hero-body{width:100%;padding:42px 24px} .auth-portal-login .admin-login-copy{max-width:680px} .auth-portal-login .admin-login-copy h1{margin:.85rem 0 .7rem;font-size:clamp(2.35rem,5vw,4rem);font-weight:800;line-height:1.02} .auth-portal-login .tenant-login-name{margin-bottom:.65rem!important;font-size:1.02rem;font-weight:700;color:#fff!important} .auth-portal-login .admin-login-box{max-width:520px;margin-left:auto;padding:34px} .auth-login-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:18px;border-radius:18px;background:linear-gradient(135deg,var(--v23-primary),var(--v23-accent));color:#fff;font-size:1.35rem;box-shadow:0 14px 30px rgba(20,87,217,.25)} .auth-login-description{margin:-.15rem 0 1.35rem;color:var(--v23-muted);line-height:1.6} .login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;max-width:620px} .login-feature-grid span{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.08);color:#edf5ff;font-weight:700;backdrop-filter:blur(8px)} .login-feature-grid i{width:18px;color:#55d8ed;text-align:center} .auth-switch-links .button{border:1px solid rgba(255,255,255,.16)} .auth-security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;color:#718099;font-size:.78rem;text-align:center} @media(max-width:768px){.auth-portal-login .hero-body{padding:22px 14px}.auth-portal-login .admin-login-copy{text-align:center}.auth-portal-login .admin-login-box{margin:0 auto;padding:24px 20px}.login-feature-grid{grid-template-columns:1fr;text-align:left}.auth-switch-links{justify-content:center}.auth-switch-links .button{width:100%;justify-content:center}.auth-login-icon{margin-left:auto;margin-right:auto}} /* v23.2 — autenticação com contraste e recuperação do membro */ .admin-login-body, .admin-login-body .admin-login-hero, .admin-login-body .login-admin-shell, .auth-portal-login{ min-height:100vh!important; background:radial-gradient(circle at 14% 10%,#216ee8 0,#0b2a63 31%,#06142f 74%)!important; } .admin-login-body .hero-body{background:transparent!important} .admin-login-copy{position:relative;z-index:1} .admin-login-copy h1{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.25)!important} .admin-login-copy p,.admin-login-copy .tenant-login-name{color:#e8f1ff!important;opacity:1!important} .admin-login-copy .admin-badge{color:#0b4bd4!important;background:#fff!important;border:1px solid rgba(255,255,255,.8)!important} .admin-login-copy .login-feature-grid span{color:#f4f8ff!important;background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.22)!important} .admin-login-copy .buttons .button.is-link, .admin-login-copy .buttons .button.is-link.is-light, .auth-switch-links .button.is-link, .auth-switch-links .button.is-link.is-light{background:#1457d9!important;color:#fff!important;border-color:#3d7bec!important} .admin-login-copy .buttons .button.is-link:hover,.auth-switch-links .button.is-link:hover{background:#0d47bd!important;color:#fff!important} .admin-login-copy .buttons .button.is-light,.auth-switch-links .button.is-light{background:#fff!important;color:#10213f!important;border-color:#fff!important} .admin-login-box .button.is-link,.admin-login-box .button.is-primary{color:#fff!important} .member-recovery-page{min-height:100dvh} .member-recovery-page .tenant-card{width:min(980px,100%)} .member-recovery-page .tenant-form{align-self:center} .member-recovery-page .tenant-form h2{margin-bottom:.45rem;color:#0f172a!important;font-size:2rem;font-weight:800;letter-spacing:-.03em} .member-recovery-page .tenant-form .input{height:52px;border:1px solid #cbd8ee!important;background:#f5f8fe!important;color:#14213d!important;box-shadow:none!important} .member-recovery-page .tenant-form .input:focus{border-color:#2167df!important;box-shadow:0 0 0 4px rgba(33,103,223,.12)!important} .member-recovery-page .tenant-form .button{height:52px;color:#fff!important} .member-recovery-page .auth-login-icon{margin-bottom:18px} .member-recovery-page .auth-help-box,.auth-email-hint{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border:1px solid #d8e4f7;border-radius:14px;background:#f4f8ff;color:#52627c;font-size:.88rem;line-height:1.5} .member-recovery-page .auth-help-box i,.auth-email-hint i{margin-top:3px;color:#2167df} .member-recovery-page .auth-help-box code{padding:2px 6px;border-radius:6px;background:#e8effb;color:#b4235a} .member-recovery-page .auth-code-input{font-size:1.35rem!important;font-weight:800;letter-spacing:.28em;text-align:center} @media(max-width:768px){ .admin-login-body .admin-login-copy{text-align:center;padding:12px 8px 2px} .admin-login-body .admin-login-copy h1{font-size:2.25rem!important} .member-recovery-page .tenant-form{padding:30px 22px!important} .member-recovery-page .tenant-form h2{font-size:1.65rem} } /* v23.4 — layout de autenticação do membro realmente compartilhado */ html,body{min-height:100%} body:has(.tenant-login){margin:0;min-height:100dvh;background:#06142f} .tenant-login{ min-height:100dvh!important; width:100%; display:grid!important; place-items:center!important; padding:clamp(18px,3vw,42px)!important; background:radial-gradient(circle at 12% 10%,#1f6be4 0,#0b2a63 30%,#06142f 72%)!important; } .tenant-card{ width:min(1080px,100%)!important; min-height:min(650px,calc(100dvh - 84px)); display:grid!important; grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important; overflow:hidden!important; background:#fff!important; border:1px solid rgba(255,255,255,.24)!important; border-radius:30px!important; box-shadow:0 34px 90px rgba(0,0,0,.34)!important; } .tenant-brand{ position:relative!important; isolation:isolate; min-width:0; min-height:100%; padding:clamp(34px,4vw,58px)!important; display:flex!important; flex-direction:column!important; justify-content:space-between!important; color:#fff!important; background:linear-gradient(145deg,#0b4bd4 0%,#082b72 54%,#071d4d 100%)!important; overflow:hidden!important; } .tenant-brand::before{content:"";position:absolute;z-index:-1;inset:auto auto -180px -160px;width:390px;height:390px;border-radius:50%;background:rgba(255,255,255,.07)} .tenant-brand::after{content:"";position:absolute;z-index:-1;right:-150px;top:-155px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.10)} .tenant-brand>div{position:relative;z-index:1} .tenant-logo{ width:88px!important;height:88px!important;margin-bottom:22px; border-radius:24px!important;background:#fff!important; display:grid!important;place-items:center!important;overflow:hidden!important; color:#0b4bd4!important;font-size:1.9rem!important;font-weight:800!important; box-shadow:0 16px 34px rgba(0,0,0,.24)!important; } .tenant-logo img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;padding:4px} .tenant-chip{display:inline-flex!important;align-items:center;gap:8px;padding:8px 13px!important;margin:0 0 22px!important;border-radius:999px!important;background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;font-weight:800!important;font-size:.86rem;backdrop-filter:blur(8px)} .tenant-brand h1{max-width:640px;margin:0 0 18px!important;color:#fff!important;font-size:clamp(2rem,4vw,3.35rem)!important;line-height:1.06!important;letter-spacing:-.045em;font-weight:800!important;text-shadow:0 3px 22px rgba(0,0,0,.22)} .tenant-brand p{max-width:600px;margin:0!important;color:#e3edff!important;font-size:1.04rem!important;line-height:1.72!important;opacity:1!important} .tenant-back{position:relative;z-index:1;display:inline-flex!important;align-items:center;gap:9px;width:max-content;max-width:100%;margin-top:28px;color:#e5efff!important;font-weight:700;text-decoration:none!important} .tenant-back:hover{color:#fff!important;transform:translateX(-2px)} .tenant-form{ min-width:0; padding:clamp(34px,4.2vw,58px)!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-self:stretch!important; background:#fff!important; } .tenant-form>p.has-text-link{color:#1457d9!important;text-transform:uppercase;letter-spacing:.07em;font-size:.78rem} .tenant-form h2{margin:0 0 .55rem!important;color:#0f172a!important;font-size:clamp(1.75rem,2.5vw,2.2rem)!important;line-height:1.15!important;letter-spacing:-.035em;font-weight:800!important} .tenant-form p.has-text-grey{color:#65738b!important;line-height:1.65} .tenant-form .field{margin-bottom:1.15rem} .tenant-form .label{color:#17243c!important;font-weight:800!important} .tenant-form .control.has-icons-left .icon{height:52px;color:#8aa0bf} .tenant-form .input{height:52px!important;border-radius:14px!important;border:1px solid #cbd8ee!important;background:#f5f8fe!important;color:#14213d!important;box-shadow:none!important;padding-left:2.75em!important} .tenant-form .input:focus{border-color:#2167df!important;box-shadow:0 0 0 4px rgba(33,103,223,.12)!important;background:#fff!important} .tenant-form .button{min-height:52px!important;border-radius:14px!important;color:#fff!important;font-weight:800!important} .tenant-form a{color:#1457d9;font-weight:700} .tenant-form .notification{border-radius:14px} .member-recovery-page .auth-login-icon{flex:0 0 auto} .auth-help-box,.auth-email-hint{width:100%} @media(max-width:900px){ .tenant-login{padding:0!important;place-items:stretch!important;background:#eef4ff!important} .tenant-card{display:block!important;width:100%!important;min-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important} .tenant-brand{min-height:auto!important;padding:28px 24px 32px!important} .tenant-logo{width:68px!important;height:68px!important;border-radius:20px!important;margin-bottom:16px} .tenant-chip{margin-bottom:14px!important} .tenant-brand h1{font-size:clamp(1.7rem,8vw,2.25rem)!important;margin-bottom:10px!important} .tenant-brand p{font-size:.94rem!important;line-height:1.55!important} .tenant-back{margin-top:18px;font-size:.9rem} .tenant-form{min-height:auto;padding:30px 24px 42px!important} } @media(max-width:480px){ .tenant-brand{padding:22px 18px 26px!important} .tenant-brand p{display:none} .tenant-back{margin-top:14px} .tenant-form{padding:26px 18px 36px!important} .auth-login-icon{width:52px;height:52px;border-radius:16px} } /* ===== SOURCE: v23_5_portal_completo.css ===== */ /* Associação Clube v24 — Portal público completo */ :root{--p235-navy:#071b45;--p235-blue:#1759d6;--p235-cyan:#18bde0;--p235-ink:#10203c;--p235-muted:#64748b;--p235-line:#dfe8f5;--p235-bg:#f4f7fc;--p235-card:#fff;--p235-shadow:0 18px 45px rgba(15,35,75,.10)} .portal-v235{background:linear-gradient(180deg,#eef4fc 0,#f8fbff 320px,#f4f7fc 100%);color:var(--p235-ink);min-height:100vh} .portal-v235 main,.portal-v235 #conteudo{display:block} .portal-v235 .section{padding:3.2rem 1.25rem} .portal-v235 .container{width:min(1180px,calc(100% - 2rem));max-width:1180px;margin-inline:auto} .portal-v235 .narrow-container{max-width:980px!important} .portal-v235 .portal-inner-hero-section{padding:2.6rem 1.25rem 1.4rem} .portal-v235 .portal-inner-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:1.25rem;align-items:stretch;background:linear-gradient(135deg,#0a255a,#164fb8 70%,#18bde0);border-radius:28px;padding:2rem;color:#fff;box-shadow:0 22px 50px rgba(7,27,69,.18);overflow:hidden;position:relative} .portal-v235 .portal-inner-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08);right:-100px;top:-120px} .portal-v235 .portal-inner-hero>div{position:relative;z-index:1} .portal-v235 .portal-inner-hero h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1.04;color:#fff;margin:.35rem 0 .7rem;font-weight:900} .portal-v235 .portal-inner-hero p{color:#dceaff;font-size:1.05rem;max-width:720px} .portal-v235 .portal-inner-hero-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:1.35rem;display:flex;flex-direction:column;justify-content:center;backdrop-filter:blur(10px)} .portal-v235 .portal-inner-hero-card strong{font-size:1.55rem;color:#fff}.portal-v235 .portal-inner-hero-card p{margin:.35rem 0 0;font-size:.94rem} .portal-v235 .eyebrow,.portal-v235 .pill{display:inline-flex;align-items:center;background:#eaf2ff;color:#1557c8;border-radius:999px;padding:.42rem .82rem;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase} .portal-v235 .portal-inner-hero .eyebrow{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.2)} .portal-v235 .content-card,.portal-v235 .content-panel,.portal-v235 .article-post,.portal-v235 .portal-empty-state,.portal-v235 .comentario-form-card,.portal-v235 .comentario-card{background:#fff;border:1px solid var(--p235-line);border-radius:24px;box-shadow:var(--p235-shadow)} .portal-v235 .portal-unified-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}.portal-v235 .portal-unified-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem} .portal-v235 .portal-elevated-card{overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.portal-v235 .portal-elevated-card:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(15,35,75,.15)} .portal-v235 .content-card img{width:100%;height:230px;object-fit:cover;background:#eaf0f8}.portal-v235 .horizontal-card{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr)}.portal-v235 .horizontal-card img{height:100%;min-height:290px} .portal-v235 .content-body{padding:1.35rem}.portal-v235 .content-body h3{font-size:1.28rem;line-height:1.25;color:var(--p235-ink);margin:.65rem 0}.portal-v235 .content-body p{color:var(--p235-muted);line-height:1.65}.portal-v235 .link-cta{display:inline-flex;align-items:center;gap:.55rem;color:#1557c8;font-weight:900;margin-top:.7rem} .portal-v235 .details-list{display:grid;gap:.55rem;margin:1rem 0;padding:0;list-style:none}.portal-v235 .details-list li{display:flex;align-items:flex-start;gap:.65rem;color:#42526a}.portal-v235 .details-list i{color:#1557c8;margin-top:.22rem;width:18px} .portal-v235 .portal-empty-state{text-align:center;padding:3.5rem 1.5rem}.portal-v235 .portal-empty-state i{width:72px;height:72px;border-radius:22px;display:inline-flex;align-items:center;justify-content:center;background:#eaf2ff;color:#1557c8;font-size:2rem}.portal-v235 .portal-empty-state h3{font-size:1.5rem;margin:1rem 0 .35rem}.portal-v235 .portal-empty-state p{color:var(--p235-muted)} /* Post completo */ .portal-v235 .article-post{padding:0;overflow:hidden;margin-top:2.2rem}.portal-v235 .article-post .post-hero-copy{padding:2rem 2rem 1.45rem}.portal-v235 .article-post h1{font-size:clamp(2.15rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.035em;color:#0b1b36;margin:.65rem 0 .8rem;font-weight:950}.portal-v235 .meta-post{display:flex;flex-wrap:wrap;gap:.65rem;color:#64748b;margin:0;font-weight:700}.portal-v235 .meta-post span{display:inline-flex;align-items:center;gap:.4rem}.portal-v235 .hero-post-image{width:100%;max-height:560px;object-fit:cover;background:#e8eef7;border-top:1px solid var(--p235-line);border-bottom:1px solid var(--p235-line)} .portal-v235 .post-text{padding:2rem;font-size:1.08rem;line-height:1.85;color:#34445e}.portal-v235 .post-text>p:first-child{font-size:1.18rem;color:#263750}.portal-v235 .portal-rich-content h2{font-size:1.75rem}.portal-v235 .portal-rich-content h3{font-size:1.4rem}.portal-v235 .portal-rich-content blockquote{border-left:5px solid #1b66df;background:#eff6ff;border-radius:0 16px 16px 0;padding:1rem 1.2rem;margin:1.5rem 0;color:#24436f}.portal-v235 .portal-rich-content table{width:100%;border-collapse:collapse;display:block;overflow:auto}.portal-v235 .portal-rich-content th,.portal-v235 .portal-rich-content td{border:1px solid #dce6f3;padding:.75rem} .portal-v235 .post-share{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.25rem 2rem;border-top:1px solid var(--p235-line);background:#f8fbff}.portal-v235 .share-buttons{display:flex;gap:.65rem;flex-wrap:wrap}.portal-v235 .share-button{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #d6e3f5;background:#fff;color:#163b78;border-radius:12px;padding:.7rem .9rem;font-weight:800}.portal-v235 .share-button:hover{background:#edf5ff} .portal-v235 .accessibility-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.35rem}.portal-v235 .media-access-card{padding:1.4rem}.portal-v235 .media-panel-head{display:flex;justify-content:space-between;align-items:center}.portal-v235 .media-panel-head h3{font-size:1.28rem;margin:.5rem 0}.portal-v235 .video-embed-shell{aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#071b45}.portal-v235 .video-embed-shell iframe,.portal-v235 .libras-player-box iframe{width:100%;height:100%;border:0}.portal-v235 .libras-highlight-card{background:linear-gradient(145deg,#fff9df,#fff)}.portal-v235 .libras-toggle-card summary{cursor:pointer;list-style:none;border-radius:14px!important;font-weight:900}.portal-v235 .libras-player-box{aspect-ratio:16/9;margin-top:1rem;border-radius:18px;overflow:hidden;background:#071b45} /* Comentários */ .portal-v235 .comentarios-premium{margin-top:2rem}.portal-v235 .comentarios-head{margin-bottom:1rem}.portal-v235 .comentarios-badge{display:inline-flex;background:#eaf2ff;color:#1557c8;border-radius:999px;padding:.38rem .75rem;font-weight:900;font-size:.78rem;text-transform:uppercase}.portal-v235 .comentarios-head h3{font-size:1.85rem;margin:.55rem 0 .3rem}.portal-v235 .comentarios-head p{color:var(--p235-muted)}.portal-v235 .comentario-form-card{padding:1.5rem}.portal-v235 .comentario-form-topo h4{font-size:1.25rem;margin:0}.portal-v235 .comentario-form-topo small{color:var(--p235-muted)}.portal-v235 .form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.portal-v235 .form-group{display:grid;gap:.45rem;margin-top:1rem}.portal-v235 .form-group label{font-weight:850;color:#233552}.portal-v235 .form-group input,.portal-v235 .form-group textarea{width:100%;border:1px solid #ccd9ec;border-radius:14px;background:#f8fbff;padding:.86rem 1rem;font:inherit;color:#13233e;outline:none}.portal-v235 .form-group input:focus,.portal-v235 .form-group textarea:focus{border-color:#1b66df;box-shadow:0 0 0 4px rgba(27,102,223,.12);background:#fff}.portal-v235 .comentario-form-acoes{display:flex;justify-content:flex-end;margin-top:1rem}.portal-v235 .btn-comentario-enviar{border:0;border-radius:13px;background:linear-gradient(135deg,#1557d2,#14b8d4);color:#fff;padding:.82rem 1.15rem;font-weight:900;cursor:pointer}.portal-v235 .lista-comentarios{display:grid;gap:1rem;margin-top:1.25rem}.portal-v235 .comentario-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:1rem;padding:1.2rem}.portal-v235 .comentario-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#1557d2,#14b8d4);color:#fff;font-weight:900}.portal-v235 .comentario-meta{display:flex;justify-content:space-between;gap:1rem}.portal-v235 .comentario-meta span{color:#7a879a;font-size:.85rem}.portal-v235 .comentario-texto{margin:.6rem 0;line-height:1.65}.portal-v235 .comentario-actions{display:flex;gap:.65rem}.portal-v235 .comment-action-btn{border:0;background:#eef5ff;color:#1557c8;border-radius:10px;padding:.45rem .7rem;font-weight:800;cursor:pointer}.portal-v235 .reply-form{margin-top:1rem;padding:1rem;border-radius:16px;background:#f6f9fe;border:1px solid #dce6f3}.portal-v235 .hidden{display:none!important}.portal-v235 .comentario-respostas{margin-top:1rem;border-left:3px solid #dce8f8;padding-left:1rem}.portal-v235 .comentarios-vazio{margin-top:1.25rem;padding:1.4rem;text-align:center}.portal-v235 .comentarios-vazio p{color:var(--p235-muted)} /* Demais páginas */ .portal-v235 .portal-surface-panel{padding:1.5rem}.portal-v235 .gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.portal-v235 .gallery-grid figure{margin:0;background:#fff;border:1px solid var(--p235-line);border-radius:20px;overflow:hidden;box-shadow:var(--p235-shadow)}.portal-v235 .gallery-grid img{width:100%;height:250px;object-fit:cover}.portal-v235 .gallery-grid figcaption{padding:1rem;font-weight:800}.portal-v235 .portal-contact-form input,.portal-v235 .portal-contact-form textarea,.portal-v235 .portal-contact-form select{border-radius:13px!important;border-color:#ccd9ec!important;background:#f8fbff!important}.portal-v235 .button.is-link{background:linear-gradient(135deg,#1557d2,#14b8d4);border:0;color:#fff;font-weight:900;border-radius:12px}.portal-v235 .button.is-link.is-light{background:#eaf2ff;color:#1557c8} @media(max-width:960px){.portal-v235 .portal-unified-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-v235 .portal-unified-grid-two,.portal-v235 .accessibility-media-grid{grid-template-columns:1fr}.portal-v235 .portal-inner-hero{grid-template-columns:1fr}.portal-v235 .horizontal-card{grid-template-columns:1fr}.portal-v235 .horizontal-card img{height:260px;min-height:0}} @media(max-width:680px){.portal-v235 .section{padding:2.2rem .75rem}.portal-v235 .container{width:min(100% - 1rem,1180px)}.portal-v235 .portal-unified-grid,.portal-v235 .gallery-grid{grid-template-columns:1fr}.portal-v235 .portal-inner-hero{padding:1.35rem;border-radius:22px}.portal-v235 .article-post .post-hero-copy,.portal-v235 .post-text,.portal-v235 .post-share{padding:1.25rem}.portal-v235 .article-post h1{font-size:2.2rem}.portal-v235 .form-grid-2{grid-template-columns:1fr}.portal-v235 .comentario-card{grid-template-columns:40px minmax(0,1fr);padding:1rem}.portal-v235 .comentario-avatar{width:40px;height:40px}.portal-v235 .comentario-meta{flex-direction:column;gap:.15rem}.portal-v235 .gallery-grid img{height:220px}} /* ===== SOURCE: v27_plataforma_profissional.css ===== */ /* Associação Clube v27 — acabamento profissional compartilhado */ :root{ --v27-primary:#1557d6;--v27-primary-2:#0ea5e9;--v27-ink:#0f172a;--v27-muted:#64748b; --v27-bg:#f4f7fb;--v27-card:#fff;--v27-line:#dbe5f2;--v27-success:#15803d;--v27-danger:#dc2626; --v27-radius:18px;--v27-shadow:0 14px 36px rgba(15,23,42,.10) } html{scroll-behavior:smooth;background:var(--v27-bg)} body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--v27-ink);text-rendering:optimizeLegibility} *,*:before,*:after{box-sizing:border-box} img{max-width:100%;height:auto} a,button,input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(14,165,233,.35)!important;outline-offset:2px!important} .button,.btn,button[type=submit]{min-height:44px;border-radius:12px;font-weight:800} .input,.textarea,.select select,input:not([type=checkbox]):not([type=radio]),textarea,select{min-height:44px;border-radius:12px;border-color:var(--v27-line);box-shadow:none} .input:focus,.textarea:focus,.select select:focus,input:focus,textarea:focus,select:focus{border-color:var(--v27-primary-2);box-shadow:0 0 0 4px rgba(14,165,233,.12)} .box,.card,.panel,.notification,.table-container{border-radius:var(--v27-radius)} .card,.box{border:1px solid rgba(219,229,242,.85);box-shadow:var(--v27-shadow)} .table-container{overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--v27-line);background:#fff} table.table{width:100%;background:transparent}table.table th{color:#475569;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}table.table td,table.table th{vertical-align:middle} .notification{border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 18%,transparent)} /* Admin Associação e Admin Portal */ .admin-layout,.dashboard-layout,.portal-admin-layout{background:var(--v27-bg)} .main-content,.dashboard-main,.admin-main{min-width:0} .page-header,.dashboard-header,.admin-header,.topbar{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .page-title,.dashboard-title,.admin-title{letter-spacing:-.035em} .sidebar a,.menu-list a{min-height:46px;display:flex;align-items:center;gap:.75rem;border-radius:12px} .sidebar a:hover,.menu-list a:hover{transform:translateX(2px)} .kpi-grid,.stats-grid,.dashboard-grid{gap:14px} .kpi-card,.stat-card,.metric-card{border:1px solid rgba(219,229,242,.85);box-shadow:0 10px 28px rgba(15,23,42,.08)} /* Portal público */ .portal-v235 main,.v20-body main{min-height:54vh} .portal-v235 .portal-container,.v20-body .portal-container{width:min(1180px,calc(100% - 32px));margin-inline:auto} .portal-v235 .portal-section,.v20-body .portal-section{padding-block:clamp(32px,6vw,72px)} .portal-v235 .portal-card,.v20-body .portal-card{background:#fff;border:1px solid var(--v27-line);border-radius:20px;box-shadow:var(--v27-shadow);overflow:hidden} .portal-v235 .empty-state,.v20-body .empty-state{padding:clamp(34px,7vw,72px) 20px;text-align:center;background:#fff;border:1px solid var(--v27-line);border-radius:20px} .portal-v235 .empty-state i,.v20-body .empty-state i{font-size:2rem;color:var(--v27-primary)} /* Área do membro */ .member-main,.membro-main{min-width:0} .member-card,.membro-card{border:1px solid var(--v27-line);border-radius:18px;box-shadow:var(--v27-shadow)} .tenant-card{overflow:hidden;box-shadow:0 26px 70px rgba(2,8,23,.28)} .tenant-form{background:rgba(255,255,255,.985)} /* Estados e utilidades */ .v27-empty{display:grid;place-items:center;text-align:center;min-height:220px;padding:32px;border:1px dashed #b9c8dc;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff)} .v27-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:999px;background:#e8f1ff;color:#174ea6;font-weight:800;font-size:.78rem} .v27-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center} @media (max-width:768px){ body{overflow-x:hidden} .container,.section,.main-content,.dashboard-main,.admin-main{max-width:100%} .section{padding:1rem} .columns{margin-left:0!important;margin-right:0!important}.column{padding:.55rem} .page-header,.dashboard-header,.admin-header{padding:14px!important;border-radius:0 0 18px 18px!important} .page-title,.dashboard-title,.admin-title{font-size:clamp(1.45rem,7vw,2rem)!important;line-height:1.12!important} .page-subtitle,.dashboard-subtitle{font-size:.95rem!important;line-height:1.45!important;white-space:normal!important} .kpi-grid,.stats-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .kpi-card,.stat-card,.metric-card{min-width:0;padding:14px!important} .kpi-card strong,.stat-card strong,.metric-card strong{font-size:1.55rem!important} .button,.btn,button[type=submit]{min-height:48px} .v27-actions>.button,.v27-actions>.btn{flex:1 1 145px} .table-container{border-radius:14px} .tenant-login{padding:12px!important}.tenant-card{border-radius:22px!important} } @media (max-width:420px){ .kpi-grid,.stats-grid,.dashboard-grid{gap:10px!important} .kpi-card,.stat-card,.metric-card{padding:12px!important} .kpi-card small,.stat-card small,.metric-card small{font-size:.72rem!important} } @media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}} @media (prefers-color-scheme:dark){ body[data-theme="dark"],body.theme-dark{--v27-bg:#071225;--v27-card:#0f1e35;--v27-ink:#e5eefb;--v27-muted:#a8b8ce;--v27-line:#263852;background:var(--v27-bg);color:var(--v27-ink)} body[data-theme="dark"] .card,body[data-theme="dark"] .box,body.theme-dark .card,body.theme-dark .box{background:var(--v27-card);border-color:var(--v27-line)} } /* ===== SOURCE: v32_5_1_portal_home_multiassociacao.css ===== */ .v3251-association-hub{padding:30px 0;background:linear-gradient(180deg,#f4f7fb 0,#eef3f9 100%)} .v3251-association-panel{background:#fff;border:1px solid #dfe7f2;border-radius:26px;padding:28px;box-shadow:0 20px 60px rgba(7,27,69,.09)} .v3251-association-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px} .v3251-association-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#eaf2ff;color:#0a3b8b;font-size:.76rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase} .v3251-association-heading h2{margin:12px 0 6px;color:#071b45;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.08}.v3251-association-heading p{margin:0;color:#60708a} .v3251-count{min-width:150px;padding:14px 17px;border-radius:16px;background:#f2f6fc;text-align:center;color:#53647d}.v3251-count strong{display:block;font-size:1.8rem;line-height:1;color:#0a3b8b}.v3251-count span{font-size:.78rem;font-weight:700} .v3251-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;margin-bottom:20px}.v3251-search,.v3251-state-filter{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 15px;border:1px solid #d8e1ed;border-radius:14px;background:#f8fafd;color:#6c7c94}.v3251-search:focus-within,.v3251-state-filter:focus-within{border-color:#5994ef;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.v3251-search input,.v3251-state-filter select{width:100%;border:0;outline:0;background:transparent;color:#15243e;font:inherit}.v3251-search input::placeholder{color:#8190a6}.v3251-state-filter select{cursor:pointer;font-weight:700} .v3251-association-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.v3251-association-card{--v3251-brand:#0a3b8b;position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;border:1px solid #dfe6f0;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(7,27,69,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.v3251-association-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--v3251-brand) 32%,#dfe6f0);box-shadow:0 20px 42px rgba(7,27,69,.13)}.v3251-card-accent{height:5px;background:var(--v3251-brand)} .v3251-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 0}.v3251-association-logo{width:82px;height:82px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #dfe7f2;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(7,27,69,.09)}.v3251-association-logo img{width:100%;height:100%;object-fit:contain;padding:7px}.v3251-association-logo strong{padding:7px;text-align:center;color:var(--v3251-brand);font-size:1rem;overflow-wrap:anywhere}.v3251-active{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#eaf9f0;color:#147a3e;font-size:.72rem;font-weight:900} .v3251-association-data{padding:16px 20px 18px;flex:1}.v3251-acronym{display:inline-block;color:var(--v3251-brand);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.v3251-association-data h3{margin:5px 0 8px;color:#0a1e40;font-size:1.12rem;line-height:1.28}.v3251-location{margin:0 0 13px;color:#5d6d85;font-size:.9rem}.v3251-location i{color:var(--v3251-brand);margin-right:5px}.v3251-contact-list{display:grid;gap:7px}.v3251-contact-list a,.v3251-contact-list span{display:flex;align-items:center;gap:8px;min-width:0;color:#52627a;font-size:.83rem;text-decoration:none}.v3251-contact-list a:hover{color:var(--v3251-brand)}.v3251-contact-list i{width:17px;color:var(--v3251-brand)}.v3251-contact-list span span,.v3251-contact-list a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .v3251-card-actions{padding:16px 20px 20px;border-top:1px solid #edf1f6;background:#fbfcfe}.v3251-primary-action{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:12px;background:var(--v3251-brand);color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 8px 18px color-mix(in srgb,var(--v3251-brand) 25%,transparent)}.v3251-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.v3251-secondary-actions a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:39px;padding:6px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#30415e!important;font-size:.73rem;font-weight:800;text-align:center;text-decoration:none}.v3251-secondary-actions a:hover{border-color:var(--v3251-brand);color:var(--v3251-brand)!important} .v3251-empty{padding:40px 20px;text-align:center;color:#65758d}.v3251-empty i{display:block;margin-bottom:10px;font-size:2rem;color:#91a0b4}.v3251-empty strong,.v3251-empty span{display:block}.v3251-empty strong{color:#20314e}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} @media(max-width:1040px){.v3251-association-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:720px){.v3251-association-panel{padding:19px;border-radius:20px}.v3251-association-heading{align-items:flex-start;flex-direction:column}.v3251-count{display:flex;align-items:center;gap:9px;min-width:0;text-align:left}.v3251-count strong{font-size:1.35rem}.v3251-toolbar{grid-template-columns:1fr}.v3251-association-grid{grid-template-columns:1fr}} @media(max-width:420px){.v3251-secondary-actions{grid-template-columns:1fr}.v3251-association-hub{padding:16px 0}.v3251-card-header,.v3251-association-data,.v3251-card-actions{padding-left:16px;padding-right:16px}} /* ===== SOURCE: v3328_portal_home_professional.css ===== */ /* Associação Clube v33.2.28 Enterprise — Portal Home Professional */ .v3328-home{background:#f5f8fc;padding-bottom:34px} .v3328-hero{position:relative;min-height:470px;overflow:hidden;background:linear-gradient(118deg,#f8fbff 0%,#e8f3ff 55%,#cce4ff 100%);border-bottom:1px solid #d6e5f5} .v3328-hero:after{content:"";position:absolute;inset:0;background-image:var(--v3328-hero-image);background-size:cover;background-position:center right;opacity:.15} .v3328-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,251,255,.98) 0%,rgba(240,247,255,.95) 49%,rgba(210,232,255,.64) 72%,rgba(180,215,255,.45) 100%);z-index:1} .v3328-hero-grid{position:relative;z-index:2;min-height:470px;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:40px;padding-top:42px;padding-bottom:42px} .v3328-hero-copy{max-width:760px} .v3328-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid #d7e4f5;color:#155cbd;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(25,76,135,.06)} .v3328-hero h1{margin:18px 0;font-size:clamp(40px,4.5vw,64px);line-height:1.02;letter-spacing:-.045em;color:#0a2d67;max-width:800px} .v3328-hero h1 span{display:block;color:#0b66d8} .v3328-hero p{max-width:650px;margin:0;color:#486582;font-size:18px;line-height:1.65} .v3328-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px} .v3328-btn{min-height:48px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;text-decoration:none;transition:.18s ease} .v3328-btn:hover{transform:translateY(-1px)} .v3328-btn-primary{background:linear-gradient(135deg,#0a67e8,#0858c9);color:#fff!important;box-shadow:0 12px 26px rgba(10,103,232,.23)} .v3328-btn-secondary{background:#fff;color:#0b5ecb!important;border:1px solid #97bce9} .v3328-hero-brand{text-align:center;justify-self:center;min-width:280px} .v3328-logo-card{width:220px;height:220px;margin:0 auto 17px;padding:18px;border-radius:44px;background:#fff;border:1px solid #d8e5f4;box-shadow:0 28px 65px rgba(23,68,121,.18);display:grid;place-items:center} .v3328-logo-card img{width:100%;height:100%;object-fit:contain} .v3328-hero-brand strong{display:block;color:#0a2d67;font-size:25px} .v3328-hero-brand span{display:block;color:#5d7897;margin-top:4px} .v3328-pillars{position:relative;z-index:5;margin:-34px auto 30px;padding:19px 22px;border-radius:22px;background:linear-gradient(135deg,#0a3c84,#075bbf);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 18px 38px rgba(7,59,128,.22)} .v3328-pillars a{min-width:0;padding:7px 18px;display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;align-items:center;color:#fff;text-decoration:none;border-right:1px solid rgba(255,255,255,.15)} .v3328-pillars a:last-child{border-right:0} .v3328-pillars i{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0b61d5;font-size:21px} .v3328-pillars strong,.v3328-pillars span{display:block} .v3328-pillars strong{font-size:14px} .v3328-pillars span{font-size:11.5px;line-height:1.35;opacity:.83;margin-top:3px} .v3328-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start} .v3328-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px} .v3328-section-head span,.v3328-quick header span,.v3328-list-card header span,.v3328-cta span{font-size:10.5px;font-weight:900;letter-spacing:.08em;color:#4e78a8} .v3328-section-head h2,.v3328-quick h2,.v3328-list-card h2{margin:3px 0;color:#0e315d;font-size:26px} .v3328-section-head p{margin:4px 0 0;color:#667d96;font-size:13px} .v3328-section-head>a,.v3328-list-card header>a{color:#0867e5;text-decoration:none;font-weight:900;font-size:13px} .v3328-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .v3328-feature-card{min-width:0;min-height:285px;padding:16px;border-radius:18px;background:#fff;border:1px solid #dfe8f2;box-shadow:0 9px 24px rgba(21,60,107,.06)} .v3328-media{height:92px;margin-bottom:14px;border-radius:14px;background-size:cover;background-position:center;display:grid;place-items:center;font-size:34px} .v3328-blue{background-color:#eaf4ff;color:#1269dc}.v3328-green{background:#eafaf1;color:#16a05d}.v3328-purple{background:#f2edff;color:#7144e5}.v3328-orange{background:#fff3df;color:#ed9000} .v3328-date-box{text-align:center}.v3328-date-box strong{display:block;font-size:15px}.v3328-date-box span{font-size:24px} .v3328-feature-card small{font-size:10.5px;font-weight:900;color:#4374ac} .v3328-feature-card h3{margin:7px 0 8px;color:#102f54;font-size:17px;line-height:1.25} .v3328-feature-card p{min-height:58px;margin:0 0 10px;color:#647b94;font-size:12.5px;line-height:1.5} .v3328-feature-card>a{color:#0867e5;text-decoration:none;font-weight:900;font-size:12.5px} .v3328-quick{padding:18px;border:1px solid #dfe8f2;border-radius:20px;background:#f8fbff} .v3328-quick header{margin-bottom:11px} .v3328-quick>a{min-height:50px;margin:8px 0;padding:0 13px;border-radius:11px;background:#fff;border:1px solid #dfe8f2;display:grid;grid-template-columns:25px minmax(0,1fr) 14px;gap:8px;align-items:center;color:#183c69;text-decoration:none;font-size:13px;font-weight:800} .v3328-quick>a i{color:#0c67df}.v3328-quick>a b{text-align:right;font-size:19px}.v3328-quick>a:hover{border-color:#8eb9ec;transform:translateX(2px)} .v3328-quick .v3328-wa i{color:#16a34a} .v3328-news-events{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px} .v3328-list-card{padding:19px;border-radius:20px;background:#fff;border:1px solid #dfe8f2;box-shadow:0 8px 22px rgba(21,60,107,.04)} .v3328-list-card header{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px} .v3328-list-card h2{font-size:21px} .v3328-mini-list{display:grid;gap:8px} .v3328-mini-list>a{min-height:60px;padding:9px 10px;border-radius:12px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;align-items:center;background:#f8fbff;border:1px solid #e4ebf4;text-decoration:none} .v3328-mini-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#eaf3ff;color:#0c67df} .v3328-mini-list strong,.v3328-mini-list small{display:block}.v3328-mini-list strong{color:#183b65;font-size:13px}.v3328-mini-list small{color:#8192a5;margin-top:3px}.v3328-mini-list>a>i{color:#8aa0ba} .v3328-empty{padding:17px;border-radius:12px;background:#f8fbff;color:#71859d} .v3328-impact{margin-top:24px;padding:20px 26px;border-radius:18px;background:linear-gradient(135deg,#073b82,#075ac0);color:#fff;display:grid;grid-template-columns:repeat(4,1fr) 1.45fr;align-items:center;box-shadow:0 14px 32px rgba(7,59,130,.16)} .v3328-impact>div{padding:4px 18px;border-right:1px solid rgba(255,255,255,.16)} .v3328-impact i{font-size:22px;margin-bottom:7px}.v3328-impact strong,.v3328-impact span{display:block}.v3328-impact strong{font-size:18px}.v3328-impact span{font-size:11px;opacity:.8;margin-top:3px}.v3328-impact blockquote{margin:0;padding-left:24px;font-size:14px;line-height:1.5;font-weight:700} .v3328-cta{margin-top:24px;padding:28px 30px;border-radius:22px;background:linear-gradient(120deg,#0e326d,#0b67d6);display:flex;justify-content:space-between;align-items:center;gap:24px;color:#fff} .v3328-cta span{color:#a9d0ff}.v3328-cta h2{margin:5px 0;font-size:28px}.v3328-cta p{margin:0;color:#d3e6ff} html[data-theme="dark"] .v3328-home,body.v134-dark .v3328-home{background:#071321} html[data-theme="dark"] .v3328-hero,body.v134-dark .v3328-hero{background:linear-gradient(135deg,#091728,#102e55);border-color:#294765} html[data-theme="dark"] .v3328-hero-overlay,body.v134-dark .v3328-hero-overlay{background:linear-gradient(90deg,rgba(7,19,33,.98),rgba(10,27,47,.95) 55%,rgba(15,47,84,.72))} html[data-theme="dark"] .v3328-hero h1,html[data-theme="dark"] .v3328-hero-brand strong,body.v134-dark .v3328-hero h1,body.v134-dark .v3328-hero-brand strong{color:#f7fbff} html[data-theme="dark"] .v3328-hero p,html[data-theme="dark"] .v3328-hero-brand span,body.v134-dark .v3328-hero p,body.v134-dark .v3328-hero-brand span{color:#adc0d6} html[data-theme="dark"] .v3328-feature-card,html[data-theme="dark"] .v3328-quick,html[data-theme="dark"] .v3328-quick>a,html[data-theme="dark"] .v3328-list-card,html[data-theme="dark"] .v3328-mini-list>a,body.v134-dark .v3328-feature-card,body.v134-dark .v3328-quick,body.v134-dark .v3328-quick>a,body.v134-dark .v3328-list-card,body.v134-dark .v3328-mini-list>a{background:#0f1e32;border-color:#294663;color:#eef5ff} html[data-theme="dark"] .v3328-section-head h2,html[data-theme="dark"] .v3328-quick h2,html[data-theme="dark"] .v3328-list-card h2,html[data-theme="dark"] .v3328-feature-card h3,html[data-theme="dark"] .v3328-mini-list strong,body.v134-dark .v3328-section-head h2,body.v134-dark .v3328-quick h2,body.v134-dark .v3328-list-card h2,body.v134-dark .v3328-feature-card h3,body.v134-dark .v3328-mini-list strong{color:#f7fbff} html[data-theme="dark"] .v3328-feature-card p,html[data-theme="dark"] .v3328-section-head p,body.v134-dark .v3328-feature-card p,body.v134-dark .v3328-section-head p{color:#a8bbd0} @media(max-width:1180px){ .v3328-feature-grid{grid-template-columns:repeat(2,1fr)} .v3328-main-grid{grid-template-columns:1fr} .v3328-pillars{grid-template-columns:repeat(2,1fr);margin-top:20px} .v3328-pillars a:nth-child(2){border-right:0} .v3328-impact{grid-template-columns:repeat(2,1fr)} .v3328-impact blockquote{grid-column:1/-1;margin-top:18px} } @media(max-width:780px){ .v3328-hero-grid{grid-template-columns:1fr;padding-top:30px;padding-bottom:35px} .v3328-hero-brand{margin-top:8px} .v3328-logo-card{width:160px;height:160px;border-radius:30px} .v3328-pillars{grid-template-columns:1fr} .v3328-pillars a{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)} .v3328-feature-grid,.v3328-news-events{grid-template-columns:1fr} .v3328-section-head{align-items:flex-start;flex-direction:column} .v3328-impact{grid-template-columns:1fr} .v3328-impact>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding:12px 2px} .v3328-cta{align-items:flex-start;flex-direction:column} } /* ===== SOURCE: v3329_multi_association_theme.css ===== */ /* v33.2.29 — Multi-Association Theme Engine */ :root{ --assoc-primary:#0D47A1; --assoc-primary-rgb:13,71,161; --assoc-secondary:#1565C0; --assoc-secondary-rgb:21,101,192; --assoc-accent:#00C853; --assoc-accent-rgb:0,200,83; --assoc-surface:#F5F7FA; --assoc-dark-bg:#071321; --assoc-dark-surface:#0F1E32; --assoc-text:#0F172A; --assoc-dark-text:#F8FBFF; --assoc-radius:18px; } /* Portal público */ .v3328-hero, .v3328-impact, .v3328-cta, .v3328-pillars{ --theme-primary:var(--assoc-primary); --theme-secondary:var(--assoc-secondary); --theme-accent:var(--assoc-accent); } .v3328-btn-primary, .v3328-impact, .v3328-cta, .v3328-pillars{ background:linear-gradient(135deg,var(--assoc-primary),var(--assoc-secondary))!important; } .v3328-btn-secondary, .v3328-feature-card>a, .v3328-section-head>a, .v3328-list-card header>a, .v3328-quick>a i, .v3328-mini-icon{ color:var(--assoc-primary)!important; } .v3328-logo-card, .v3328-feature-card, .v3328-quick, .v3328-list-card, .v3328-mini-list>a{ border-radius:var(--assoc-radius)!important; } .v3328-hero h1 span, .v3328-eyebrow{ color:var(--assoc-primary)!important; } .v3328-eyebrow{ border-color:rgba(var(--assoc-primary-rgb),.18)!important; } .v3328-quick>a:hover{ border-color:rgba(var(--assoc-primary-rgb),.45)!important; } /* Admin Portal */ .v3321-portal-brand, .v3323-profile-hero, .v3323-identity-card, .v3323-card, .v3323-shortcuts-card{ border-radius:var(--assoc-radius)!important; } .v3321-portal-brand{ background:linear-gradient(145deg,rgba(var(--assoc-primary-rgb),.18),rgba(var(--assoc-secondary-rgb),.12))!important; border-color:rgba(var(--assoc-primary-rgb),.32)!important; } .v3321-menu-link.active, .v3321-menu-link.is-active, .v3321-menu-link.ativo, .v3323-btn-primary{ background:linear-gradient(135deg,var(--assoc-primary),var(--assoc-secondary))!important; } .v3323-kicker, .v3323-card-kicker, .v3323-card-head>i, .v3323-shortcuts a i{ color:var(--assoc-primary)!important; } /* Admin Associação */ .v3210-assoc-card, .v326-assoc-card{ border-radius:var(--assoc-radius)!important; } body.v134-dark .v3210-assoc-card, body.v134-dark .v326-assoc-card{ background:linear-gradient(145deg,rgba(var(--assoc-primary-rgb),.24),rgba(var(--assoc-secondary-rgb),.14))!important; border-color:rgba(var(--assoc-primary-rgb),.38)!important; } /* Member */ body.v3216-member-ui .sidebar-nav a.ativo{ background:linear-gradient(135deg,var(--assoc-primary),var(--assoc-secondary))!important; } body.v3216-member-ui .v3216-shortcuts a>i, body.v3216-member-ui .v3217-avatar-wrap{ color:var(--assoc-primary)!important; border-color:var(--assoc-primary)!important; } body.v3216-member-ui .v3216-support-box{ border-radius:var(--assoc-radius)!important; } /* Theme preview */ .v3329-theme-preview{ border-radius:var(--assoc-radius); overflow:hidden; border:1px solid rgba(var(--assoc-primary-rgb),.18); box-shadow:0 18px 38px rgba(var(--assoc-primary-rgb),.10); } .v3329-theme-preview .preview-bar{ background:linear-gradient(135deg,var(--assoc-primary),var(--assoc-secondary)); color:#fff; } .v3329-theme-preview .preview-accent{ background:var(--assoc-accent); } /* v33.2.39 — Page Builder Portal Home */ .v33239-home{background:#f6f8fc;color:#142744}.v33239-hero{position:relative;min-height:500px;background:linear-gradient(120deg,#071b38,#0b438f);overflow:hidden}.v33239-hero:after{content:"";position:absolute;inset:0;background-image:var(--home-hero);background-size:cover;background-position:center;opacity:.24}.v33239-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,43,.97),rgba(6,39,82,.78) 60%,rgba(11,67,143,.45));z-index:1}.v33239-hero-grid{position:relative;z-index:2;min-height:500px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:40px;color:#fff}.v33239-hero-copy{max-width:760px}.v33239-eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.1);font-weight:800;font-size:.75rem}.v33239-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.04em;margin:18px 0}.v33239-hero p{max-width:650px;font-size:1.05rem;color:#d0e1f8;line-height:1.65}.v33239-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.v33239-btn{min-height:47px;padding:0 17px;border-radius:11px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:900}.v33239-btn.primary{background:var(--assoc-primary,#2563eb);color:#fff}.v33239-btn.secondary{background:#fff;color:#1454ac}.v33239-btn.whatsapp{background:#16a34a;color:#fff}.v33239-brand{text-align:center}.v33239-brand img{width:205px;height:205px;object-fit:contain;background:#fff;padding:17px;border-radius:40px;box-shadow:0 25px 55px rgba(0,0,0,.25)}.v33239-brand strong{display:block;margin-top:15px;font-size:1.25rem}.v33239-section{padding-top:42px;padding-bottom:42px}.v33239-soft{background:#edf3fa}.v33239-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.v33239-heading span{font-size:.67rem;font-weight:900;letter-spacing:.08em;color:#3971b3}.v33239-heading h2{font-size:1.8rem;color:#102f5a;margin:3px 0}.v33239-heading p{color:#6d819b;margin:0}.v33239-heading>a{font-size:.76rem;font-weight:900;color:#1263d6;text-decoration:none}.v33239-quick-grid{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid #e0e8f2;border-radius:18px;box-shadow:0 10px 30px rgba(22,58,100,.06)}.v33239-quick-grid a{min-height:125px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;text-decoration:none;color:#183b66;border-right:1px solid #e7edf4}.v33239-quick-grid a:last-child{border:0}.v33239-quick-grid i{font-size:1.4rem;color:var(--assoc-primary,#2563eb)}.v33239-news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.v33239-news-grid article{background:#fff;border:1px solid #e0e8f2;border-radius:17px;padding:14px;box-shadow:0 8px 24px rgba(22,58,100,.05)}.v33239-news-grid .media{height:145px;border-radius:12px;background:#eaf1f9 center/cover no-repeat;margin-bottom:12px}.v33239-news-grid small{color:#4c79ae;font-size:.65rem;font-weight:900}.v33239-news-grid h3{font-size:1rem;color:#14345f}.v33239-news-grid p{font-size:.76rem;color:#71839a;line-height:1.5}.v33239-news-grid a{font-size:.74rem;color:#1563d2;font-weight:900;text-decoration:none}.v33239-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v33239-video-grid>a{padding:15px;background:#fff;border:1px solid #e0e8f2;border-radius:16px;text-decoration:none}.v33239-video-grid>a>div{height:145px;border-radius:12px;background:linear-gradient(135deg,#0d2f61,#1764c9);display:grid;place-items:center;color:#fff;font-size:2.6rem}.v33239-video-grid b,.v33239-video-grid span{display:block}.v33239-video-grid b{margin-top:10px;color:#15365f}.v33239-video-grid span{font-size:.72rem;color:#728399;margin-top:3px}.v33239-event-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v33239-event-list>a{min-height:80px;padding:12px;border:1px solid #e0e8f2;border-radius:14px;background:#fff;display:grid;grid-template-columns:100px 1fr 20px;align-items:center;gap:12px;text-decoration:none}.v33239-event-list .date{height:48px;border-radius:10px;background:#edf4ff;color:#145dc5;display:grid;place-items:center}.v33239-event-list>a>span:nth-child(2){display:flex;flex-direction:column}.v33239-event-list b{color:#183b67}.v33239-event-list small{font-size:.7rem;color:#77899f}.v33239-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.v33239-gallery a{height:145px;border-radius:13px;overflow:hidden;background:#dfe8f2;display:grid;place-items:center;color:#8091a7}.v33239-gallery img{width:100%;height:100%;object-fit:cover}.v33239-membership,.v33239-contact{border-radius:22px;padding:28px 30px;background:linear-gradient(135deg,#0b397d,#1264cf);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.v33239-membership h2,.v33239-contact h2{font-size:1.8rem;margin:5px 0}.v33239-membership p,.v33239-contact p{color:#d2e5ff}.v33239-membership>div:first-child,.v33239-contact>div:first-child{max-width:620px}.v33239-membership .benefits{display:grid;grid-template-columns:1fr;gap:10px}.v33239-membership .benefits span{padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.1)}.v33239-contact .actions{display:flex;gap:9px;flex-wrap:wrap}.v33239-empty{grid-column:1/-1;padding:25px;text-align:center;color:#71839b}html[data-theme=dark] .v33239-home,body.v134-dark .v33239-home{background:#071321;color:#edf5ff}html[data-theme=dark] .v33239-soft,body.v134-dark .v33239-soft{background:#0b192a}html[data-theme=dark] .v33239-heading h2,body.v134-dark .v33239-heading h2{color:#f5f9ff}html[data-theme=dark] .v33239-quick-grid,html[data-theme=dark] .v33239-news-grid article,html[data-theme=dark] .v33239-video-grid>a,html[data-theme=dark] .v33239-event-list>a,body.v134-dark .v33239-quick-grid,body.v134-dark .v33239-news-grid article,body.v134-dark .v33239-video-grid>a,body.v134-dark .v33239-event-list>a{background:#101f34;border-color:#29425f}html[data-theme=dark] .v33239-news-grid h3,html[data-theme=dark] .v33239-video-grid b,html[data-theme=dark] .v33239-event-list b,body.v134-dark .v33239-news-grid h3,body.v134-dark .v33239-video-grid b,body.v134-dark .v33239-event-list b{color:#eef5ff}@media(max-width:1050px){.v33239-quick-grid{grid-template-columns:repeat(3,1fr)}.v33239-news-grid{grid-template-columns:repeat(2,1fr)}.v33239-gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.v33239-hero-grid{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px}.v33239-brand{display:none}.v33239-quick-grid{grid-template-columns:repeat(2,1fr)}.v33239-news-grid,.v33239-video-grid,.v33239-event-list{grid-template-columns:1fr}.v33239-gallery{grid-template-columns:repeat(2,1fr)}.v33239-heading{align-items:flex-start;flex-direction:column}.v33239-membership,.v33239-contact{align-items:flex-start;flex-direction:column}} /* v33.2.42 Public Event Registration */ .v33242-public-registration{padding-top:0}.v33242-public-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;padding:26px;border:1px solid #dfe8f2;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(20,47,88,.06)}.v33242-public-info h2{font-size:1.7rem;color:#12355f;margin:5px 0}.v33242-public-info p{color:#71849c}.v33242-public-badges{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.v33242-public-badges span{padding:7px 9px;border-radius:999px;background:#edf4ff;color:#245f9f;font-size:.7rem;font-weight:800}.v33242-public-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v33242-public-form label{display:block;font-size:.7rem;font-weight:800;color:#375270;margin-bottom:5px}.v33242-public-form .full{grid-column:1/-1}html[data-theme=dark] .v33242-public-card,body.v134-dark .v33242-public-card{background:#101f34;border-color:#29425f}html[data-theme=dark] .v33242-public-info h2,body.v134-dark .v33242-public-info h2{color:#eef5ff}@media(max-width:760px){.v33242-public-card{grid-template-columns:1fr}.v33242-public-form{grid-template-columns:1fr}.v33242-public-form .full{grid-column:auto}}