/* Central do Aulão — estilos principais (design tokens, layout, componentes) */ /* ═══════════════════════════════════ DESIGN TOKENS ═══════════════════════════════════ */ :root { /* ── Paleta Oficial MeEventos ── */ --orange: #FF7A0E; /* Laranja Seguro — cor principal */ --orange-light: #F59528; /* Laranja Cenoura — secundário */ --orange-pale: #FFF4E8; /* Fundo suave laranja */ --orange-dark: #D96200; /* Laranja escuro para hover */ --blue: #3C85C4; /* Azul Aço */ --blue-dark: #0057A2; /* Azul Lazulli */ --blue-pale: #EAF3FB; /* Fundo suave azul */ --charcoal: #1A1A2E; --charcoal-2: #2D2D44; --gray-700: #4A4A6A; --gray-500: #8888A8; --gray-300: #C8C8D8; --gray-200: #E8E8F0; --gray-100: #F4F4FA; --white: #FFFFFF; --amber: #F59528; /* Cenoura como amber */ --green: #22C55E; --green-pale: #F0FDF4; --purple: #8B5CF6; --purple-pale: #F5F3FF; --red: #EF4444; --bg: var(--white); --bg-2: var(--gray-100); --bg-card: var(--white); --border: var(--gray-200); --text: var(--charcoal); --text-2: var(--gray-700); --text-3: var(--gray-500); --radius: 12px; --radius-lg: 20px; --shadow-sm: 0 2px 8px rgba(26,26,46,0.07); --shadow-md: 0 6px 24px rgba(26,26,46,0.11); --shadow-lg: 0 16px 48px rgba(26,26,46,0.15); --transition: 0.2s cubic-bezier(0.4,0,0.2,1); --header-h: 72px; } [data-theme="dark"] { --bg: #0F0F1A; --bg-2: #1A1A2E; --bg-card: #1E1E30; --border: #2D2D44; --text: #F0F0F8; --text-2: #AAAACC; --text-3: #6666AA; --gray-100: #1A1A2E; --gray-200: #2D2D44; --white: #1E1E30; --orange-pale: rgba(255,122,14,0.12); --blue-pale: rgba(60,133,196,0.12); --shadow-sm: 0 2px 8px rgba(0,0,0,0.3); --shadow-md: 0 6px 24px rgba(0,0,0,0.4); } /* ═══════════════════════════════════ RESET & BASE ═══════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'Inter', system-ui, sans-serif; background: var(--bg); color: var(--text); line-height: 1.6; -webkit-font-smoothing: antialiased; transition: background 0.3s, color 0.3s; } a { text-decoration: none; color: inherit; } img { max-width: 100%; } button { font-family: inherit; cursor: pointer; border: none; background: none; } ul { list-style: none; } ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: var(--orange); border-radius: 3px; } /* ═══════════════════════════════════ READING PROGRESS + TOAST ═══════════════════════════════════ */ .reading-progress { position: fixed; top: 0; left: 0; height: 3px; background: linear-gradient(90deg, var(--orange), var(--amber)); z-index: 300; transition: width 0.15s linear; width: 0%; pointer-events: none; } .toast-container { position: fixed; bottom: 24px; right: 24px; display: flex; flex-direction: column; gap: 10px; z-index: 999; pointer-events: none; } .toast { background: var(--charcoal); color: white; padding: 14px 20px; border-radius: 10px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 10px; box-shadow: var(--shadow-lg); animation: toastIn 0.3s ease both; pointer-events: all; max-width: 320px; border-left: 3px solid var(--orange); } [data-theme="dark"] .toast { background: var(--charcoal-2); } .toast.removing { animation: toastOut 0.3s ease both; } @keyframes toastIn { from { opacity:0; transform:translateY(16px) scale(0.96); } to { opacity:1; transform:none; } } @keyframes toastOut { to { opacity:0; transform:translateY(8px) scale(0.96); } } /* ═══════════════════════════════════ HEADER ═══════════════════════════════════ */ .header { position: sticky; top: 0; z-index: 100; background: var(--white); border-bottom: 1px solid var(--border); box-shadow: 0 1px 4px rgba(0,0,0,0.06); transition: background 0.3s; } [data-theme="dark"] .header { background: var(--bg-card); } .header-inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; height: var(--header-h); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; column-gap: 28px; } .logo { display: flex; align-items: center; gap: 12px; cursor: pointer; flex-shrink: 0; justify-self: start; } .logo:hover { opacity: 0.85; } .logo-imgs { display: flex; align-items: center; } .logo-divider { display: block; width: 1px; height: 28px; background: var(--border); margin: 0 4px; } .logo-sub-text { font-size: 12px; font-weight: 600; color: var(--text-3); white-space: nowrap; letter-spacing: 0.2px; } /* Dark mode: troca logo laranja pela branca */ [data-theme="dark"] .logo-light { display: none !important; } [data-theme="dark"] .logo-dark { display: block !important; } .logo-dark { display: none; } .logo-light { display: block; } .nav { display: flex; align-items: center; gap: 2px; justify-self: center; max-width: 100%; overflow-x: auto; scrollbar-width: none; } .nav::-webkit-scrollbar { display: none; } .nav-link { padding: 7px 13px; border-radius: 8px; font-size: 13.5px; font-weight: 500; color: var(--text-2); transition: var(--transition); white-space: nowrap; cursor: pointer; } .nav-link:hover { background: var(--orange-pale); color: var(--orange); } .nav-link.active { background: var(--orange-pale); color: var(--orange); font-weight: 600; } .header-actions { display: flex; gap: 8px; align-items: center; justify-self: end; flex-shrink: 0; } /* Ícone de favoritos: só aparece quando o menu vira sanduíche (o desktop já tem o link "Favoritos" no menu) */ .fav-nav-btn { display: none; } .icon-btn { width: 36px; height: 36px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: var(--text-2); transition: var(--transition); cursor: pointer; border: 1px solid var(--border); } .icon-btn:hover { background: var(--orange-pale); color: var(--orange); border-color: var(--orange); } .btn-primary { padding: 9px 18px; background: var(--orange); color: white; border-radius: 8px; font-size: 13px; font-weight: 600; transition: var(--transition); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; } .btn-primary:hover { background: var(--orange-dark); transform: translateY(-1px); box-shadow: 0 4px 14px rgba(255,122,14,0.35); } .hero-cta-banner { background: linear-gradient(135deg, var(--orange) 0%, var(--orange-light) 100%); border-radius: var(--radius-lg); padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; max-width: 480px; width: 100%; box-shadow: 0 12px 32px rgba(255,122,14,0.35); } .hero-cta-info { display: flex; align-items: center; gap: 12px; } .hero-cta-icon { font-size: 28px; line-height: 1; } .hero-cta-text { display: flex; flex-direction: column; } .hero-cta-title { font-size: 13px; font-weight: 800; color: rgba(255,255,255,0.95); text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.2; } .hero-cta-sub { font-size: 12px; color: rgba(255,255,255,0.75); font-weight: 500; margin-top: 2px; } .hero-cta-btn { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: var(--orange-dark); font-size: 14px; font-weight: 800; padding: 12px 22px; border-radius: 100px; text-decoration: none; white-space: nowrap; box-shadow: 0 6px 18px rgba(0,0,0,0.22); transition: transform 0.12s ease, box-shadow 0.18s ease; animation: ctaPulse 2.2s ease-in-out infinite; } .hero-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,0.28); } .hamburger { display: none; flex-direction: column; gap: 5px; padding: 8px; } .hamburger span { display: block; width: 22px; height: 2px; background: var(--text); border-radius: 2px; transition: var(--transition); } .mobile-nav { display: none; position: fixed; top: var(--header-h); left: 0; right: 0; bottom: 0; background: var(--bg); z-index: 99; padding: 20px; flex-direction: column; gap: 4px; overflow-y: auto; border-top: 1px solid var(--border); } .mobile-nav.open { display: flex; } .mobile-nav .nav-link { font-size: 15px; padding: 13px 16px; border-radius: 10px; } .notif-dot { width: 7px; height: 7px; background: var(--orange); border-radius: 50%; position: absolute; top: 6px; right: 6px; } .icon-btn { position: relative; } /* ═══════════════════════════════════ PAGES ═══════════════════════════════════ */ .page { display: none; min-height: calc(100vh - var(--header-h)); } .page.active { display: block; animation: pageIn 0.22s ease both; } @keyframes pageIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } } /* ═══════════════════════════════════ BUTTONS ═══════════════════════════════════ */ .btn-secondary { padding: 10px 20px; border-radius: 8px; font-size: 13px; font-weight: 600; border: 1.5px solid var(--border); color: var(--text-2); transition: var(--transition); display: inline-flex; align-items: center; gap: 6px; background: var(--bg-card); } .btn-secondary:hover { border-color: var(--orange); color: var(--orange); background: var(--orange-pale); } .btn-ghost { padding: 10px 20px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--text-2); border: 1.5px solid var(--border); transition: var(--transition); display: inline-flex; align-items: center; gap: 6px; background: var(--bg-card); } .btn-ghost:hover { color: var(--orange); border-color: var(--orange); background: var(--orange-pale); } /* btn-ghost no detalhe (fundo escuro) */ .detail-actions-row .btn-ghost { color: rgba(255,255,255,0.75); border-color: rgba(255,255,255,0.2); background: transparent; } .detail-actions-row .btn-ghost:hover { color: white; border-color: rgba(255,255,255,0.6); background: rgba(255,255,255,0.08); } /* ═══════════════════════════════════ COUNTDOWN BANNER ═══════════════════════════════════ */ .countdown-banner { background: linear-gradient(135deg, var(--orange) 0%, var(--orange-light) 100%); padding: 32px 40px; display: flex; align-items: center; justify-content: center; gap: 48px; min-height: 150px; flex-wrap: wrap; position: relative; overflow: hidden; box-shadow: 0 12px 40px rgba(255,122,14,0.4); } .countdown-banner::before { content: ''; position: absolute; inset: 0; background-image: url("data:image/png;base64,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"); background-size: 130px auto; background-repeat: repeat; opacity: 0.16; pointer-events: none; filter: brightness(10); } .countdown-banner.is-live { background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%); }.countdown-left { display: flex; align-items: center; gap: 12px; flex-shrink: 0; } .countdown-icon { font-size: 42px; line-height: 1; } .countdown-label { display: flex; flex-direction: column; } .countdown-label-main { font-size: 26px; font-weight: 800; color: rgba(255,255,255,0.95); text-transform: uppercase; letter-spacing: 1px; line-height: 1.2; } .countdown-label-sub { font-size: 16px; color: rgba(255,255,255,0.75); font-weight: 500; margin-top: 6px; } .countdown-digits { display: flex; align-items: center; gap: 6px; } .countdown-unit { display: flex; flex-direction: column; align-items: center; } .countdown-num { background: rgba(0,0,0,0.18); color: #fff; font-size: 36px; font-weight: 900; width: 76px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 12px; letter-spacing: -1px; font-variant-numeric: tabular-nums; transition: transform 0.15s ease; line-height: 1; box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .countdown-num.tick { transform: scale(1.08); } .countdown-unit-label { font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.65); text-transform: uppercase; letter-spacing: 1px; margin-top: 6px; } .countdown-sep { font-size: 36px; font-weight: 900; color: rgba(255,255,255,0.6); margin-bottom: 22px; line-height: 1; } .countdown-live-msg { font-size: 30px; font-weight: 900; color: #fff; letter-spacing: -0.5px; display: flex; align-items: center; gap: 10px; } .live-dot { width: 10px; height: 10px; border-radius: 50%; background: #fff; animation: livePulse 1s ease-in-out infinite; } @keyframes livePulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.7); } } .countdown-join-btn { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,0.2); border: 1.5px solid rgba(255,255,255,0.5); color: #fff; font-size: 13px; font-weight: 700; padding: 10px 20px; border-radius: 100px; text-decoration: none; transition: background 0.18s ease, border-color 0.18s ease, transform 0.12s ease; white-space: nowrap; flex-shrink: 0; letter-spacing: 0.2px; } .countdown-join-btn:hover { background: rgba(255,255,255,0.32); border-color: rgba(255,255,255,0.9); transform: translateY(-1px); } .countdown-join-btn .btn-arrow { font-size: 15px; } .countdown-cal-btn { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1.5px solid #fff; color: var(--orange-dark); font-size: 19px; font-weight: 800; padding: 16px 34px; border-radius: 100px; text-decoration: none; transition: background 0.18s ease, transform 0.12s ease, box-shadow 0.18s ease; white-space: nowrap; flex-shrink: 0; letter-spacing: 0.2px; box-shadow: 0 6px 20px rgba(0,0,0,0.25); animation: ctaPulse 2.2s ease-in-out infinite; } .countdown-cal-btn:hover { background: var(--orange-pale); transform: translateY(-2px); box-shadow: 0 10px 26px rgba(0,0,0,0.3); } @keyframes ctaPulse { 0%, 100% { box-shadow: 0 6px 20px rgba(0,0,0,0.25); } 50% { box-shadow: 0 6px 26px rgba(255,255,255,0.55); } } .countdown-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: center; } /* ═══════════════════════════════════ HERO — estilo MeEventos oficial ═══════════════════════════════════ */ .hero { background: var(--bg); padding: 80px 0 72px; position: relative; overflow: hidden; border-bottom: 1px solid var(--border); } .hero-inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; /* Coluna direita mais larga (e gap menor) para os títulos dos aulões caberem inteiros, sem corte. Fluida: 460px nas telas largas, encolhendo até 400px perto do breakpoint de 960px, para não espremer o título do hero. */ display: grid; grid-template-columns: 1fr clamp(400px, 36vw, 460px); gap: 52px; align-items: start; } .hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: var(--orange-pale); border: 1px solid rgba(255,122,14,0.25); color: var(--orange); font-size: 11px; font-weight: 700; letter-spacing: 1px; padding: 5px 14px; border-radius: 100px; margin-bottom: 20px; text-transform: uppercase; } .hero-title { font-size: clamp(32px, 4.5vw, 56px); font-weight: 900; color: var(--text); line-height: 1.1; letter-spacing: -1.5px; margin-bottom: 20px; } .hero-title span { color: var(--orange); } .hero-desc { font-size: 17px; color: var(--text-2); max-width: 480px; line-height: 1.7; margin-bottom: 32px; font-weight: 400; } .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; } /* Faixa própria abaixo das duas colunas do hero (1/-1), centralizada na página. */ .hero-stats { grid-column: 1 / -1; display: flex; gap: 64px; margin-top: 48px; flex-wrap: wrap; justify-content: center; text-align: center; padding-top: 40px; border-top: 1px solid var(--border); } /* tabular-nums: dígitos de mesma largura, senão o número treme durante a contagem */ .hero-stat-num { font-size: 32px; font-weight: 800; color: var(--orange); line-height: 1; font-variant-numeric: tabular-nums; } .hero-stat-label { font-size: 12px; color: var(--text-3); margin-top: 5px; font-weight: 500; } /* Hero Visual Panel — estilo MeEventos */ /* Coluna direita do hero: card do próximo tema + quadro dos últimos aulões. O espaço de topo (que alinha com o texto do hero) mora aqui agora. */ .hero-side { display: flex; flex-direction: column; gap: 16px; margin-top: 44px; } /* Card do próximo tema: ícone + (label / tema) + data prevista. O título quebra em quantas linhas precisar — nada de corte. */ .proximo-tema-card { display: flex; align-items: flex-start; gap: 14px; background: var(--bg-card); border: 1px solid var(--border); border-left: 3px solid var(--orange); border-radius: var(--radius-lg); padding: 14px 18px; box-shadow: var(--shadow-sm); } .proximo-tema-card:empty { display: none; } /* enquanto o JS não preenche */ .ptc-icon { font-size: 20px; line-height: 1; flex-shrink: 0; margin-top: 2px; } .ptc-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; } .ptc-label { font-size: 10px; font-weight: 700; color: var(--text-3); text-transform: uppercase; letter-spacing: 1px; } .ptc-titulo { font-size: 15px; font-weight: 700; color: var(--text); line-height: 1.35; overflow-wrap: anywhere; /* título longo quebra por inteiro, sem estourar */ } .ptc-titulo.pendente { color: var(--text-3); font-style: italic; font-weight: 600; } .ptc-data { flex-shrink: 0; font-size: 12px; font-weight: 600; color: var(--orange-dark); background: var(--orange-pale); border-radius: 8px; padding: 5px 10px; white-space: nowrap; text-align: center; line-height: 1.25; } [data-theme="dark"] .ptc-data { color: #FFB366; } .hero-panel { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 4px; box-shadow: var(--shadow-md); overflow: hidden; } .hero-panel-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 18px 12px; border-bottom: 1px solid var(--border); margin-bottom: 0; } .hero-panel-title { font-size: 12px; font-weight: 700; color: var(--text-3); text-transform: uppercase; letter-spacing: 1px; } .hero-panel-badge { font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 100px; background: #E8F5E9; color: #2E7D32; } [data-theme="dark"] .hero-panel-badge { background: rgba(46,125,50,0.2); color: #4CAF50; } .hero-panel-item { display: flex; align-items: center; gap: 12px; /* padding vertical em vez de só min-height: o item cresce quando o título quebra em duas linhas, em vez de espremer o texto. */ padding: 14px 18px; border-radius: 0; border-bottom: 1px solid var(--border); transition: var(--transition); cursor: pointer; min-height: 68px; } .hero-panel-item:last-child { border-bottom: none; } .hero-panel-item:hover { background: var(--orange-pale); } /* ── Entrada em cena dos quadros do hero ── .anim = ainda escondido; o JS (_animarQuadrosHero) adiciona .entrou numa linha por vez e digita o título. Sem JS a classe .anim nunca é aplicada, porque quem monta o HTML é o próprio JS. */ .hero-panel-item.anim, .proximo-tema-card.anim { opacity: 0; transform: translateY(10px); } .hero-panel-item.anim.entrou, .proximo-tema-card.anim.entrou { opacity: 1; transform: none; transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.2,0.8,0.3,1); } /* Cursor piscando enquanto o título está sendo digitado */ .hpi-title.digitando::after, .ptc-titulo.digitando::after { content: '▌'; margin-left: 1px; color: var(--orange); font-weight: 400; animation: caretPisca 0.6s steps(1, end) infinite; } @keyframes caretPisca { 50% { opacity: 0; } } .hpi-icon { width: 38px; height: 38px; border-radius: 10px; background: var(--orange); display: flex; align-items: center; justify-content: center; font-size: 17px; flex-shrink: 0; } .hpi-icon.blue-bg { background: var(--blue); } .hpi-icon.green-bg { background: #22C55E; } .hpi-icon.purple-bg { background: var(--purple); } .hpi-text { flex: 1; min-width: 0; } /* Título inteiro, quebrando em linhas — sem nowrap/ellipsis. */ .hpi-title { font-size: 13px; font-weight: 700; color: var(--text); margin-bottom: 2px; line-height: 1.35; overflow-wrap: anywhere; } .hpi-desc { font-size: 11px; color: var(--text-3); } .hpi-new { font-size: 9px; font-weight: 800; padding: 2px 7px; border-radius: 4px; background: var(--orange); color: white; margin-left: auto; flex-shrink: 0; letter-spacing: 0.3px; text-transform: uppercase; } /* ═══════════════════════════════════ SEARCH BAR ═══════════════════════════════════ */ .search-section { background: var(--bg-2); border-bottom: 1px solid var(--border); padding: 20px 0; } .search-section-inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; } .search-box { display: flex; align-items: center; gap: 10px; background: var(--bg-card); border: 1.5px solid var(--border); border-radius: 10px; padding: 11px 16px; transition: var(--transition); max-width: 580px; } .search-box:focus-within { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(255,122,14,0.1); } .search-box input { flex: 1; border: none; outline: none; font-size: 14px; font-family: inherit; background: transparent; color: var(--text); } .search-box input::placeholder { color: var(--text-3); } .tag-filters { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 12px; } .tag { padding: 5px 13px; border-radius: 100px; font-size: 12px; font-weight: 600; border: 1.5px solid var(--border); background: var(--bg-card); color: var(--text-2); cursor: pointer; transition: var(--transition); } .tag:hover { border-color: var(--orange); color: var(--orange); background: var(--orange-pale); } .tag.active { border-color: var(--orange); background: var(--orange-pale); color: var(--orange); } /* ═══════════════════════════════════ SECTION COMMONS ═══════════════════════════════════ */ .section { padding: 64px 0; } .section-inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; } /* ═══════════════ ROSÁCEA DO ACERVO ═══════════════ Mesma caixa das demais seções (1280px / 24px de margem). */ .acervo-section { padding: 56px 0 48px; background: var(--bg); } .acervo-inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; } .acervo-head { text-align: center; margin-bottom: 8px; } .acervo-title { font-size: clamp(20px, 2.6vw, 28px); font-weight: 800; letter-spacing: -0.5px; color: var(--text); } .acervo-sub { font-size: 14px; color: var(--text-3); margin-top: 6px; } .acervo-chart { width: 100%; height: 580px; } @media (max-width: 960px) { .acervo-chart { height: 500px; } } @media (max-width: 640px) { .acervo-section { padding: 40px 0 36px; } .acervo-inner { padding: 0 16px; } .acervo-chart { height: 400px; } } .section-header { margin-bottom: 36px; } .section-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--orange); margin-bottom: 8px; } .section-title { font-size: clamp(22px, 3vw, 32px); font-weight: 800; letter-spacing: -0.5px; color: var(--text); } .section-desc { font-size: 15px; color: var(--text-3); margin-top: 8px; max-width: 480px; } .section-header-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; } .link-more { font-size: 13px; font-weight: 700; color: var(--orange); display: flex; align-items: center; gap: 4px; transition: var(--transition); white-space: nowrap; cursor: pointer; } .link-more:hover { gap: 8px; } /* ═══════════════════════════════════ AULÃO CARDS ═══════════════════════════════════ */ .cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; } .aulao-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; transition: var(--transition); cursor: pointer; display: flex; flex-direction: column; position: relative; } .aulao-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); border-color: var(--orange); } .card-thumb { height: 5px; background: linear-gradient(90deg, var(--orange), var(--amber)); } .card-thumb.blue { background: linear-gradient(90deg, #3B82F6, #60A5FA); } .card-thumb.green { background: linear-gradient(90deg, #22C55E, #4ADE80); } .card-thumb.purple { background: linear-gradient(90deg, #8B5CF6, #A78BFA); } .card-body { padding: 22px; flex: 1; display: flex; flex-direction: column; } .card-meta { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--text-3); margin-bottom: 10px; flex-wrap: wrap; } .card-meta-sep { color: var(--border); } .card-title { font-size: 16px; font-weight: 700; line-height: 1.35; margin-bottom: 8px; color: var(--text); min-height: 44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; } .card-desc { font-size: 13px; color: var(--text-2); line-height: 1.6; flex: 1; } .card-tags { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 14px; } .card-tag { font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 100px; background: var(--orange-pale); color: var(--orange); } .card-footer { padding: 14px 22px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; background: var(--bg-2); } .card-instructor { font-size: 13px; font-weight: 600; color: var(--text); display: flex; align-items: center; gap: 6px; } .card-avatar { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 700; color: white; background: var(--orange); flex-shrink: 0; } .card-cta { font-size: 12px; font-weight: 700; color: var(--orange); display: flex; align-items: center; gap: 3px; } .card-fav { position: absolute; top: 14px; right: 14px; width: 28px; height: 28px; border-radius: 8px; background: var(--bg-card); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 13px; transition: var(--transition); z-index: 2; opacity: 0; pointer-events: none; } .aulao-card:hover .card-fav { opacity: 1; pointer-events: all; } .card-fav:hover { background: var(--orange-pale); border-color: var(--orange); } .card-fav.active { opacity: 1; } .card-new-badge { display: inline-flex; align-items: center; font-size: 9px; font-weight: 800; padding: 3px 8px; border-radius: 4px; background: var(--orange); color: white; text-transform: uppercase; letter-spacing: 0.5px; flex-shrink: 0; } /* ═══════════════════════════════════ HIGHLIGHTS ═══════════════════════════════════ */ /* ═══════════════ DESTAQUES — bento/mosaico ═══════════════ Tiles coloridos pelo TEMA do aulão. Pequeno = fundo em tint claro + texto escuro (contraste garantido); grande (featured) = gradiente do tema + texto branco. A cor nunca é o único canal: sempre há o rótulo do tema em texto. */ .bento { display: grid; gap: 14px; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 176px; } .bento-full { grid-auto-flow: row dense; } .bento-tile { --tema: var(--orange); --tema-2: var(--orange-light); --tint: var(--orange-pale); display: flex; flex-direction: column; gap: 6px; overflow: hidden; padding: 15px 17px; border-radius: var(--radius-lg); background: var(--tint); border: 1px solid var(--border); cursor: pointer; transition: transform var(--transition), box-shadow var(--transition); } .bento-tile:hover, .bento-tile:focus-visible { transform: translateY(-3px) scale(1.03); box-shadow: var(--shadow-md); outline: none; } .bento-icon { font-size: 22px; line-height: 1; } .bento-tag { font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--tema); } /* Padrão anti-corte: título em no máx. 2 linhas com reticências limpas, e a altura da linha do bento (176px) foi dimensionada para caber ícone + tag + 2 linhas de título + rodapé sem clipar. */ .bento-title { font-size: 14px; font-weight: 700; color: var(--text); line-height: 1.3; margin: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .bento-desc { font-size: 13px; line-height: 1.5; margin: 0; color: rgba(255,255,255,0.92); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .bento-origem { margin-top: auto; font-size: 11px; color: var(--text-3); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .bento-cta { font-weight: 700; white-space: nowrap; } /* Featured: 2×2, gradiente do tema, texto branco */ .bento-tile.featured { grid-column: span 2; grid-row: span 2; background: linear-gradient(140deg, var(--tema), var(--tema-2)); border: 0; color: #fff; padding: 24px 26px; justify-content: flex-end; gap: 9px; } .bento-tile.featured .bento-icon { font-size: 32px; } .bento-tile.featured .bento-tag { color: rgba(255,255,255,0.85); } .bento-tile.featured .bento-title { color: #fff; font-size: 21px; -webkit-line-clamp: 2; } .bento-tile.featured .bento-origem { color: rgba(255,255,255,0.82); } /* Paleta por tema (mesma família do thumbColors dos cards) */ .bento-tile.t-comercial { --tema: #2F80C8; --tema-2: #0057A2; --tint: var(--blue-pale); } .bento-tile.t-financeiro { --tema: #16A34A; --tema-2: #22C55E; --tint: var(--green-pale); } .bento-tile.t-estoque { --tema: #7C3AED; --tema-2: #8B5CF6; --tint: var(--purple-pale); } .bento-tile.t-gestao { --tema: #D96200; --tema-2: #FF7A0E; --tint: var(--orange-pale); } /* No escuro, o tint claro não funciona: vira um véu do tema sobre o card. */ [data-theme="dark"] .bento-tile:not(.featured) { background: var(--bg-card); } [data-theme="dark"] .bento-tile.t-comercial:not(.featured) { background: rgba(60,133,196,0.12); } [data-theme="dark"] .bento-tile.t-financeiro:not(.featured) { background: rgba(34,197,94,0.12); } [data-theme="dark"] .bento-tile.t-estoque:not(.featured) { background: rgba(139,92,246,0.14); } [data-theme="dark"] .bento-tile.t-gestao:not(.featured) { background: rgba(255,122,14,0.12); } [data-theme="dark"] .bento-tag { filter: brightness(1.25); } /* Entrada em cascata ao rolar até o bento. O delay de cada tile é escrito pelo JS (_animarBentoNoScroll) para a sequência fechar em 1,5s. Antes de .entrou, os tiles ficam escondidos; sem JS (ou reduced-motion), .bento-anim nem é aplicada, então nascem visíveis. */ .bento-anim .bento-tile { opacity: 0; } .bento-anim .bento-tile.entrou { animation: bentoIn 0.45s cubic-bezier(0.2,0.8,0.3,1) both; } @keyframes bentoIn { from { opacity: 0; transform: translateY(16px) scale(0.98); } to { opacity: 1; transform: none; } } @media (max-width: 900px) { .bento { grid-template-columns: repeat(2, 1fr); } .bento-tile.featured { grid-column: span 2; grid-row: span 1; min-height: 200px; } } @media (max-width: 560px) { .bento { grid-template-columns: 1fr; grid-auto-rows: auto; } .bento-tile { min-height: 128px; } .bento-tile.featured { grid-column: span 1; } } /* ═══════════════════════════════════ NOVIDADES STRIP ═══════════════════════════════════ */ .novidades-strip { background: var(--blue-dark); padding: 64px 0; } /* Novidades como cards coloridos pelo tema do aulão (borda-topo em cor do tema). Dois contextos: a aba (fundo claro) e o strip azul da home (cards translúcidos). */ .novidades-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; } .novidade-card { --tema: var(--orange); display: flex; flex-direction: column; gap: 7px; background: var(--bg-card); border: 1px solid var(--border); border-top: 3px solid var(--tema); border-radius: var(--radius); padding: 16px 18px; cursor: pointer; transition: transform var(--transition), box-shadow var(--transition); } .novidade-card:hover, .novidade-card:focus-visible { transform: translateY(-3px); box-shadow: var(--shadow-md); outline: none; } .nv-top { display: flex; align-items: center; gap: 8px; } .nv-icon { font-size: 18px; line-height: 1; } .nv-tag { font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--tema); } .nv-title { font-size: 15px; font-weight: 700; color: var(--text); line-height: 1.3; margin: 0; overflow-wrap: anywhere; } .nv-desc { font-size: 13px; color: var(--text-2); line-height: 1.5; margin: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .nv-foot { margin-top: auto; font-size: 11px; color: var(--text-3); padding-top: 4px; } .novidade-card.t-comercial { --tema: #2F80C8; } .novidade-card.t-financeiro { --tema: #16A34A; } .novidade-card.t-estoque { --tema: #7C3AED; } .novidade-card.t-gestao { --tema: #D96200; } /* No strip azul da home: cards translúcidos com texto claro, independentes do tema */ .novidades-strip .novidade-card { background: rgba(255,255,255,0.07); border-color: rgba(255,255,255,0.14); } .novidades-strip .nv-title { color: #fff; } .novidades-strip .nv-desc { color: rgba(255,255,255,0.72); } .novidades-strip .nv-foot { color: rgba(255,255,255,0.5); } .novidades-strip .novidade-card:hover { background: rgba(255,255,255,0.12); } /* Legenda de cores dos temas (topo das abas) */ .tema-legenda { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 22px; } .tl-item { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; color: var(--text-2); } .tl-dot { width: 12px; height: 12px; border-radius: 4px; flex-shrink: 0; } .tl-dot.t-comercial { background: #2F80C8; } .tl-dot.t-financeiro { background: #16A34A; } .tl-dot.t-estoque { background: #7C3AED; } .tl-dot.t-gestao { background: #D96200; } /* ── Carrossel de novidades (home, sobre o strip azul) ── Um card em destaque por vez, passando a cada 6s. Card claro para "saltar" do azul, com a cor da CATEGORIA na borda-topo, na tag e no botão. */ .nv-carousel { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; max-width: 880px; margin: 0 auto; } .nvc-viewport { overflow: hidden; } .nvc-track { display: flex; transition: transform 0.5s cubic-bezier(0.4,0,0.2,1); } /* Folga (12px lateral) para o card ampliado no hover não ser cortado pelo overflow:hidden do viewport. */ .nvc-slide { flex: 0 0 100%; min-width: 0; padding: 8px 12px; box-sizing: border-box; } .nvc-card { --tema: var(--orange); background: var(--bg-card); border: 1px solid var(--border); border-top: 4px solid var(--tema); border-radius: var(--radius-lg); padding: 26px 30px; box-shadow: var(--shadow-lg); display: flex; flex-direction: column; gap: 12px; min-height: 210px; transition: transform var(--transition); } .nvc-card:hover { transform: scale(1.02); } .nvc-card.t-comercial { --tema: #2F80C8; } .nvc-card.t-financeiro { --tema: #16A34A; } .nvc-card.t-estoque { --tema: #7C3AED; } .nvc-card.t-gestao { --tema: #D96200; } .nvc-title { font-size: 22px; font-weight: 800; color: var(--text); line-height: 1.25; margin: 0; overflow-wrap: anywhere; } .nvc-desc { font-size: 14px; line-height: 1.6; color: var(--text-2); margin: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .nvc-foot { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; } .nvc-origem { font-size: 12px; color: var(--text-3); min-width: 0; } .nvc-btn { flex-shrink: 0; background: var(--tema); color: #fff; border: 0; cursor: pointer; font-size: 13px; font-weight: 700; padding: 9px 16px; border-radius: 100px; white-space: nowrap; transition: filter var(--transition), transform var(--transition); } .nvc-btn:hover { filter: brightness(1.08); transform: translateY(-1px); } .nvc-arrow { width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; background: rgba(255,255,255,0.14); color: #fff; border: 1px solid rgba(255,255,255,0.22); font-size: 22px; line-height: 1; cursor: pointer; transition: background var(--transition); } .nvc-arrow:hover { background: rgba(255,255,255,0.26); } .nvc-dots { grid-column: 1 / -1; display: flex; justify-content: center; gap: 8px; margin-top: 16px; } .nvc-dot { width: 9px; height: 9px; border-radius: 50%; border: 0; cursor: pointer; padding: 0; background: rgba(255,255,255,0.30); transition: background var(--transition), transform var(--transition); } .nvc-dot.ativo { background: #fff; transform: scale(1.25); } @media (max-width: 560px) { .nv-carousel { grid-template-columns: 1fr; } .nvc-arrow { display: none; } /* no celular, dots + swipe bastam */ .nvc-card { padding: 22px; min-height: 0; } .nvc-title { font-size: 19px; } } /* ═══════════════════════════════════ MATERIAIS — cards de aulão ═══════════════════════════════════ */ .mat-card { cursor: default; } .mat-card .card-tags { margin-top: auto; padding-top: 14px; } .mat-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; } .mat-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 100px; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; border: none; transition: var(--transition); white-space: nowrap; } .mat-btn-primary { background: var(--orange); color: #fff; } .mat-btn-primary:hover { background: var(--orange-dark); transform: translateY(-1px); } .mat-btn-ghost { background: var(--bg-card); color: var(--text-2); border: 1.5px solid var(--border); } .mat-btn-ghost:hover { border-color: var(--orange); color: var(--orange); background: var(--orange-pale); } .mat-btn-disabled { background: var(--bg-2); color: var(--text-3); border: 1.5px solid var(--border); cursor: default; opacity: 0.6; } /* ═══════════════════════════════════ DETAIL PAGE ═══════════════════════════════════ */ .detail-header { background: linear-gradient(135deg, var(--blue-dark) 0%, #003570 100%); padding: 48px 0 0; } .detail-header-inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; } .back-btn { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.55); margin-bottom: 22px; cursor: pointer; transition: var(--transition); } .back-btn:hover { color: white; gap: 10px; } .detail-title { font-size: clamp(24px,4vw,40px); font-weight: 800; color: white; line-height: 1.18; letter-spacing: -0.5px; margin-bottom: 18px; } .detail-meta { display: flex; gap: 20px; flex-wrap: wrap; font-size: 13px; color: rgba(255,255,255,0.55); margin-bottom: 18px; } .detail-meta span { display: flex; align-items: center; gap: 5px; } .detail-tags { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 28px; } .detail-tag { font-size: 11px; font-weight: 600; padding: 4px 12px; border-radius: 100px; background: rgba(255,122,14,0.14); color: #FF7A0E; border: 1px solid rgba(255,122,14,0.22); } .detail-actions-row { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; } .detail-video-wrap { position: relative; width: 100%; aspect-ratio: 16/9; border-radius: 14px; overflow: hidden; background: #000; box-shadow: 0 12px 32px rgba(0,0,0,0.35); margin: 0 0 12px; } .detail-video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; } /* Cartão de gravação no celular — abre o vídeo no Google Drive (o embed trava lá). */ .video-mobile-card { display: flex; align-items: center; gap: 16px; text-decoration: none; background: linear-gradient(135deg, var(--blue-dark), var(--blue)); border-radius: 14px; padding: 22px 24px; color: #fff; box-shadow: 0 12px 32px rgba(0,0,0,0.28); } .video-mobile-card:active { transform: scale(0.99); } .vmc-play { width: 52px; height: 52px; flex-shrink: 0; border-radius: 50%; background: rgba(255,255,255,0.18); border: 1px solid rgba(255,255,255,0.35); display: flex; align-items: center; justify-content: center; font-size: 20px; padding-left: 3px; } .vmc-text { display: flex; flex-direction: column; gap: 3px; } .vmc-text strong { font-size: 16px; font-weight: 800; } .vmc-text small { font-size: 12px; color: rgba(255,255,255,0.72); } .detail-video-fallback { font-size: 12px; color: var(--text-3); margin-bottom: 8px; display: flex; align-items: center; gap: 5px; } .detail-video-fallback a { color: var(--text-2); text-decoration: underline; } .detail-video-fallback a:hover { color: var(--orange); } .detail-tabs { display: flex; gap: 0; border-bottom: 1px solid rgba(255,255,255,0.1); overflow-x: auto; scrollbar-width: none; } .detail-tabs::-webkit-scrollbar { display: none; } .detail-tab { padding: 13px 18px; font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.45); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: var(--transition); white-space: nowrap; } .detail-tab.active { color: var(--orange); border-bottom-color: var(--orange); } .detail-tab:hover:not(.active) { color: rgba(255,255,255,0.8); } .detail-body { max-width: 1280px; margin: 0 auto; padding: 0 24px 72px; } .detail-section { display: none; padding-top: 40px; } .detail-section.active { display: block; } /* Detail content */ .ds-title { font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--orange); margin-bottom: 22px; display: flex; align-items: center; gap: 8px; } .ds-list { display: flex; flex-direction: column; gap: 10px; } .ds-list-item { display: flex; gap: 14px; align-items: flex-start; background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; padding: 16px 18px; transition: var(--transition); } .ds-list-item:hover { border-color: var(--orange); box-shadow: var(--shadow-sm); } .ds-num { width: 28px; height: 28px; border-radius: 8px; background: var(--orange-pale); color: var(--orange); font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .ds-item-title { font-size: 14px; font-weight: 700; margin-bottom: 4px; color: var(--text); } .ds-item-desc { font-size: 13px; color: var(--text-2); line-height: 1.55; } .ds-faq { display: flex; flex-direction: column; gap: 10px; } .ds-faq-item { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; transition: var(--transition); } .ds-faq-item:hover { border-color: var(--orange); } .ds-faq-q { padding: 16px 18px; font-size: 14px; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: var(--transition); width: 100%; text-align: left; color: var(--text); } .ds-faq-q:hover { background: var(--bg-2); } .ds-faq-q .chevron { transition: var(--transition); color: var(--text-3); font-style: normal; font-size: 12px; flex-shrink: 0; } .ds-faq-q.open .chevron { transform: rotate(180deg); color: var(--orange); } .ds-faq-a { display: none; padding: 0 18px 16px; font-size: 13px; color: var(--text-2); line-height: 1.7; border-top: 1px solid var(--border); padding-top: 14px; } .ds-faq-a.open { display: block; } .ds-action-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .ds-action { background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; padding: 16px; display: flex; gap: 12px; align-items: flex-start; transition: var(--transition); } .ds-action:hover { border-color: var(--orange); background: var(--orange-pale); } .ds-action-num { width: 32px; height: 32px; border-radius: 8px; background: var(--orange); color: white; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .ds-action-text { font-size: 13px; font-weight: 600; color: var(--text); line-height: 1.45; } .ds-full { font-size: 15px; color: var(--text); line-height: 1.85; } .ds-full h3 { font-size: 17px; font-weight: 700; margin: 28px 0 10px; color: var(--text); } .ds-full p { margin-bottom: 12px; color: var(--text-2); } .ds-full ul { padding-left: 18px; margin-bottom: 14px; } .ds-full ul li { margin-bottom: 5px; list-style: disc; color: var(--text-2); } .ds-tip { background: var(--orange-pale); border-left: 3px solid var(--orange); border-radius: 8px; padding: 14px 18px; margin: 16px 0; font-size: 13px; color: var(--orange-dark); line-height: 1.6; } [data-theme="dark"] .ds-tip { color: #FF7A0E; } .ds-tip strong { font-weight: 700; } /* ═══════════════════════════════════ MATERIAIS ═══════════════════════════════════ */ .material-type { display: inline-block; font-size: 10px; font-weight: 800; padding: 2px 8px; border-radius: 5px; margin-bottom: 0; letter-spacing: 0.5px; } .type-pdf { background: #FEE2E2; color: #DC2626; } .type-xlsx { background: #DCFCE7; color: #16A34A; } .type-json { background: #EDE9FE; color: #7C3AED; } .type-docx { background: #DBEAFE; color: #2563EB; } .type-mp4 { background: #FEF9C3; color: #A16207; } [data-theme="dark"] .type-pdf { background: rgba(220,38,38,0.2); color: #F87171; } [data-theme="dark"] .type-xlsx { background: rgba(22,163,74,0.2); color: #4ADE80; } [data-theme="dark"] .type-json { background: rgba(124,58,237,0.2); color: #A78BFA; } [data-theme="dark"] .type-docx { background: rgba(37,99,235,0.2); color: #93C5FD; } /* ═══════════════════════════════════ TRANSCRIPT PROCESSOR ═══════════════════════════════════ */ .processor-page { max-width: 1280px; margin: 0 auto; padding: 52px 24px 72px; } .processor-title { font-size: 26px; font-weight: 800; margin-bottom: 6px; color: var(--text); } .processor-sub { font-size: 14px; color: var(--text-3); margin-bottom: 32px; } .form-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; } .form-field { display: flex; flex-direction: column; gap: 6px; } .form-label { font-size: 12px; font-weight: 700; color: var(--text-2); text-transform: uppercase; letter-spacing: 0.5px; } .form-input { padding: 11px 14px; border-radius: 8px; border: 1.5px solid var(--border); font-size: 14px; font-family: inherit; outline: none; transition: var(--transition); color: var(--text); background: var(--bg-card); } .form-input:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(255,122,14,0.1); } .form-textarea { min-height: 180px; resize: vertical; padding: 14px; border-radius: 8px; border: 1.5px solid var(--border); font-size: 14px; font-family: inherit; outline: none; transition: var(--transition); color: var(--text); background: var(--bg-card); line-height: 1.65; } .form-textarea:focus { border-color: var(--orange); box-shadow: 0 0 0 3px rgba(255,122,14,0.1); } .char-count { font-size: 11px; color: var(--text-3); text-align: right; margin-top: 4px; } .btn-process { padding: 13px 26px; background: var(--orange); color: white; border-radius: 10px; font-size: 14px; font-weight: 700; transition: var(--transition); display: flex; align-items: center; gap: 8px; align-self: flex-start; } .btn-process:hover { background: var(--orange-dark); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(255,122,14,0.35); } .btn-process:disabled { opacity: 0.5; cursor: not-allowed; transform: none; } .processing-card { display: none; background: var(--orange-pale); border: 1px solid rgba(255,122,14,0.2); border-radius: 12px; padding: 18px 20px; align-items: center; gap: 14px; font-size: 14px; font-weight: 600; color: var(--orange); } .processing-card.show { display: flex; } .spinner { width: 20px; height: 20px; border: 2px solid rgba(255,122,14,0.2); border-top-color: var(--orange); border-radius: 50%; animation: spin 0.8s linear infinite; flex-shrink: 0; } @keyframes spin { to { transform: rotate(360deg); } } .ai-result { display: none; margin-top: 28px; border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; } .ai-result.show { display: block; animation: pageIn 0.3s ease both; } .ai-result-header { background: linear-gradient(135deg, var(--blue-dark), var(--blue)); padding: 22px 26px; display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; } .ai-result-title { font-size: 17px; font-weight: 700; color: white; } .ai-result-sub { font-size: 12px; color: rgba(255,255,255,0.45); margin-top: 3px; } .ai-result-body { padding: 26px; background: var(--bg-card); } .ai-section { margin-bottom: 26px; padding-bottom: 26px; border-bottom: 1px solid var(--border); } .ai-section:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .ai-section-title { font-size: 12px; font-weight: 700; color: var(--orange); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; display: flex; align-items: center; gap: 6px; } .ai-section-content { font-size: 14px; color: var(--text-2); line-height: 1.75; white-space: pre-wrap; } .ai-result-footer { padding: 18px 26px; border-top: 1px solid var(--border); background: var(--bg-2); display: flex; gap: 10px; flex-wrap: wrap; } /* ═══════════════════════════════════ FAVORITOS PAGE ═══════════════════════════════════ */ .empty-state { text-align: center; padding: 72px 20px; } .empty-icon { font-size: 52px; margin-bottom: 16px; } .empty-title { font-size: 20px; font-weight: 700; margin-bottom: 8px; color: var(--text); } .empty-desc { font-size: 14px; color: var(--text-3); max-width: 320px; margin: 0 auto; } /* ═══════════════════════════════════ PAGINATION ═══════════════════════════════════ */ .pagination { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 36px; flex-wrap: wrap; } .page-btn { width: 36px; height: 36px; border-radius: 8px; font-size: 13px; font-weight: 600; color: var(--text-2); border: 1px solid var(--border); background: var(--bg-card); cursor: pointer; transition: var(--transition); display: flex; align-items: center; justify-content: center; } .page-btn:hover { border-color: var(--orange); color: var(--orange); } .page-btn.active { background: var(--orange); color: white; border-color: var(--orange); } .page-btn.wide { width: auto; padding: 0 12px; } /* ═══════════════════════════════════ FOOTER ═══════════════════════════════════ */ .footer { background: var(--charcoal); padding: 48px 0 24px; } .footer-inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; column-gap: 28px; row-gap: 40px; margin-bottom: 44px; align-items: start; } .footer-brand { text-align: left; align-self: center; } .footer-brand img { display: inline-block; } .footer-col { min-width: 0; } .footer-col-title { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 14px; } .footer-link { display: block; font-size: 13px; color: rgba(255,255,255,0.6); margin-bottom: 9px; transition: var(--transition); cursor: pointer; } .footer-link:hover { color: var(--orange); } .footer-bottom { max-width: 1280px; margin: 0 auto; padding: 22px 24px 0; border-top: 1px solid rgba(255,255,255,0.07); display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: rgba(255,255,255,0.55); flex-wrap: wrap; gap: 20px; } .footer-bottom-right { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; } .footer-bottom-links { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; } .footer-bottom-links a { color: rgba(255,255,255,0.55); text-decoration: none; transition: var(--transition); } .footer-bottom-links a:hover { color: var(--orange); } .footer-lang-wrap { position: relative; } .footer-lang-btn { display: flex; align-items: center; gap: 8px; background: #fff; color: #1a1a1a; font-size: 13px; font-weight: 500; padding: 9px 16px; border-radius: 8px; cursor: pointer; border: none; } .footer-lang-btn .flag { font-size: 15px; line-height: 1; } .footer-lang-btn .chevron { font-size: 10px; color: #888; margin-left: 2px; } .footer-lang-menu { display: none; position: absolute; bottom: calc(100% + 8px); right: 0; background: #fff; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.25); overflow: hidden; min-width: 160px; z-index: 50; } .footer-lang-menu.open { display: block; } .footer-lang-option { display: flex; align-items: center; gap: 8px; padding: 10px 16px; font-size: 13px; color: #1a1a1a; cursor: pointer; transition: var(--transition); } .footer-lang-option:hover { background: #f2f2f2; } /* Google Translate — o widget próprio fica oculto; o banner "Traduzido para..." do Google é deixado visível (ele empurra o body para baixo sozinho) para não sobrepor o topo da página */ .goog-text-highlight { background: none !important; box-shadow: none !important; } #google_translate_element { display: none !important; } /* ═══════════════════════════════════ RESPONSIVE ═══════════════════════════════════ */ @media (max-width: 960px) { .nav { display: none; } .hamburger { display: flex; } .fav-nav-btn { display: flex; } .btn-primary.hide-sm { display: none; } .hero-inner { grid-template-columns: 1fr; } .hero-side { margin-top: 28px; } /* card do próximo tema + quadro Últimos Aulões, empilhados */ .footer-inner { grid-template-columns: 1fr 1fr; } .ds-action-grid { grid-template-columns: 1fr; } .detail-tab { font-size: 12px; padding: 12px 14px; } } @media (max-width: 640px) { .section { padding: 44px 0; } .section-inner { padding: 0 16px; } .hero { padding: 52px 0 60px; } .hero-inner { padding: 0 16px; } .search-section { padding: 16px 0; } .search-section-inner { padding: 0 16px; } .novidades-strip { padding: 44px 0; } .novidades-strip .section-inner { padding: 0 16px; } .footer { padding: 40px 0 20px; } .footer-inner { padding: 0 16px; } .footer-bottom { padding: 16px 16px 0; } .processor-page { padding: 32px 16px 48px; } .cards-grid { grid-template-columns: 1fr; } .form-row { grid-template-columns: 1fr; } .footer-inner { grid-template-columns: 1fr; gap: 28px; } .header-inner { padding: 0 16px; gap: 16px; display: flex; align-items: center; } .nav { justify-self: initial; flex: 1; } /* Empurra busca + favoritos + tema + sanduíche para o canto direito */ .header-actions { margin-left: auto; } /* Hero CTA banner mobile */ .hero-cta-banner { max-width: 100%; justify-content: center; text-align: center; padding: 18px 20px; } .hero-cta-info { width: 100%; justify-content: center; } .hero-cta-btn { width: 100%; justify-content: center; } /* Countdown banner mobile */ .countdown-banner { padding: 16px 16px; gap: 16px; min-height: auto; flex-direction: column; align-items: center; text-align: center; } .countdown-left { justify-content: center; } .countdown-digits { gap: 4px; } .countdown-num { font-size: 20px; width: 44px; height: 42px; } .countdown-sep { font-size: 20px; margin-bottom: 14px; } .countdown-actions { flex-direction: column; gap: 8px; width: 100%; } .countdown-join-btn, .countdown-cal-btn { width: 100%; justify-content: center; font-size: 13px; } .countdown-live-msg { font-size: 18px; } } @media (max-width: 960px) and (min-width: 641px) { /* Countdown banner tablet */ .countdown-banner { padding: 16px 24px; gap: 24px; } .countdown-actions { gap: 8px; } } /* ═══════════════════════════════════ RESPONSIVE — OTIMIZAÇÃO MOBILE / TABLET ═══════════════════════════════════ */ /* Tablet (641–960px) */ @media (max-width: 960px) and (min-width: 641px) { .hero { padding: 60px 0 56px; } .section { padding: 52px 0; } .detail-header { padding: 40px 0 0; } /* Rodapé: logo ocupa a linha toda em cima; 3 colunas de links embaixo, iguais */ .footer-inner { grid-template-columns: repeat(3, 1fr); column-gap: 24px; } .footer-brand { grid-column: 1 / -1; align-self: start; margin-bottom: 6px; } } /* Telefones (≤640px) — reforços */ @media (max-width: 640px) { .hero-title { letter-spacing: -0.5px; } .hero-desc { font-size: 15px; } .hero-actions .btn-primary, .hero-actions .btn-secondary, .hero-actions .btn-ghost { flex: 1 1 auto; justify-content: center; } .hero-stats { gap: 22px 32px; margin-top: 32px; padding-top: 28px; } .hero-stat-num { font-size: 26px; } .section { padding: 40px 0; } .section-header { margin-bottom: 26px; } /* Página de detalhe */ .detail-header { padding: 30px 0 0; } .detail-body { padding-bottom: 52px; } .detail-section { padding-top: 30px; } .ds-full { font-size: 14px; line-height: 1.75; } .detail-actions-row .btn-secondary, .detail-actions-row .btn-ghost { flex: 1 1 45%; justify-content: center; } .ds-material-header { flex-direction: column; align-items: flex-start; } .ds-material-actions { width: 100%; } .ds-material-actions .btn-material { flex: 1 1 auto; justify-content: center; } .ebook-frame { height: 720px; } /* Rodapé — barra inferior centralizada */ .footer-bottom { justify-content: center; text-align: center; } .footer-bottom-right { justify-content: center; width: 100%; } .footer-bottom-links { justify-content: center; } /* Processor / resultado IA */ .processor-title { font-size: 22px; } .ai-result-header { padding: 18px; } .ai-result-body { padding: 20px 18px; } } /* Telefones pequenos (≤440px) */ @media (max-width: 440px) { .logo-sub-text, .logo-divider { display: none; } .header-inner { column-gap: 12px; } .section-inner, .hero-inner, .footer-inner, .search-section-inner, .detail-header-inner, .detail-body { padding-left: 14px; padding-right: 14px; } .card-body { padding: 18px; } .hero-stats { gap: 18px 26px; } } /* Dispositivos de toque (sem hover): mostra ações que dependiam de :hover */ @media (hover: none) { .card-fav { opacity: 1; pointer-events: auto; } } /* ═══════════════════════════════════ MATERIAL TAB (ebook + gravação) ═══════════════════════════════════ */ .ds-material-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-bottom: 28px; } .ds-material-header .ds-title { margin-bottom: 0; } .ds-material-actions { display: flex; gap: 10px; flex-wrap: wrap; } .btn-material { display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; border-radius: 100px; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; transition: var(--transition); white-space: nowrap; } .btn-material.primary { background: var(--orange); color: white; border: none; } .btn-material.primary:hover { background: var(--orange-dark); transform: translateY(-1px); } .btn-material.ghost { background: var(--bg-card); color: var(--text-2); border: 1.5px solid var(--border); } .btn-material.ghost:hover { border-color: var(--orange); color: var(--orange); background: var(--orange-pale); } .ebook-frame-wrap { border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); background: #fff; } .ebook-frame { width: 100%; height: 1100px; border: none; display: block; /* Garante que o ebook (794px) escale para caber no container */ transform-origin: top left; } .no-ebook-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 72px 24px; text-align: center; gap: 12px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); } .no-ebook-icon { font-size: 48px; } .no-ebook-title { font-size: 18px; font-weight: 700; color: var(--text); } .no-ebook-desc { font-size: 14px; color: var(--text-3); max-width: 360px; } /* ═══════════════ DASHBOARD (painel admin) ═══════════════ Tudo em variáveis do tema, então segue claro/escuro sem regra extra. */ .dash-hint { background: var(--orange-pale); color: var(--orange-dark); border: 1px solid var(--orange); border-radius: var(--radius); padding: 12px 16px; font-size: 13px; margin-bottom: 16px; } [data-theme="dark"] .dash-hint { background: rgba(255,122,14,0.12); color: #FFB366; } .dash-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; margin-bottom: 16px; } .dash-kpi { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px 18px; } .dash-kpi-val { font-size: 28px; font-weight: 800; color: var(--text); line-height: 1.1; } .dash-kpi-label { font-size: 13px; font-weight: 600; color: var(--text-2); margin-top: 4px; } .dash-kpi-sub { font-size: 11px; color: var(--text-3); margin-top: 2px; } .dash-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 18px 20px; margin-bottom: 16px; } .dash-card-title { font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 14px; } .dash-card-sub { font-size: 12px; font-weight: 400; color: var(--text-3); } .dash-grid2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; } .dash-grid3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-top: 16px; } .dash-empty { font-size: 13px; color: var(--text-3); padding: 20px 0; text-align: center; } .dash-note { font-size: 12px; color: var(--text-3); margin-top: 12px; } /* Seletor de período (semana / todo o período) */ .dash-toolbar { display: flex; justify-content: flex-end; margin-bottom: 14px; } .dash-sel-label { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: var(--text-3); } .dash-select { font-size: 13px; font-weight: 600; color: var(--text); background: var(--bg-card); border: 1.5px solid var(--border); border-radius: 8px; padding: 7px 12px; cursor: pointer; transition: var(--transition); } .dash-select:hover { border-color: var(--orange); } .dash-select:focus { outline: none; border-color: var(--orange); } /* Funil / barras horizontais */ .dash-funnel { display: flex; flex-direction: column; gap: 10px; } .dash-funnel-row { display: flex; align-items: center; gap: 10px; } .dash-funnel-label { width: 120px; flex-shrink: 0; font-size: 13px; color: var(--text-2); } .dash-funnel-bar-wrap { flex: 1; background: var(--bg-2); border-radius: 6px; overflow: hidden; height: 26px; } .dash-funnel-bar { height: 100%; border-radius: 6px; display: flex; align-items: center; min-width: 24px; transition: width var(--transition); } .dash-funnel-bar span { color: #fff; font-size: 12px; font-weight: 700; padding: 0 8px; white-space: nowrap; } .dash-funnel-pct { width: 42px; flex-shrink: 0; text-align: right; font-size: 13px; font-weight: 700; color: var(--text); } /* ── Heatmaps do painel ── Célula vazia fica na cor do fundo; o respiro de 2px entre células é o próprio gap, não uma borda (borda somaria tinta que não é dado). */ .hm-wrap { display: flex; flex-direction: column; gap: 3px; overflow-x: auto; padding-bottom: 4px; } .hm-row { display: flex; gap: 3px; align-items: center; } .hm-lab { width: 38px; flex-shrink: 0; font-size: 11px; color: var(--text-3); font-weight: 600; } .hm-lab.larga { width: 96px; } .hm-h { flex: 1; min-width: 15px; font-size: 9px; color: var(--text-3); text-align: center; } .hm-cel { flex: 1; min-width: 15px; height: 20px; border-radius: 3px; background: var(--bg-2); transition: transform var(--transition); } .hm-cel:hover { transform: scale(1.25); } .hm-cel.vazia { background: var(--bg-2); } .hm-bloco { flex: 1; height: 34px; border-radius: 4px; background: var(--bg-2); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; color: #fff; } .hm-bloco.vazia { color: var(--text-3); } .hm-bloco-h { flex: 1; text-align: center; font-size: 11px; color: var(--text-3); font-weight: 600; } .hm-legenda { display: flex; align-items: center; gap: 4px; margin-top: 12px; font-size: 11px; color: var(--text-3); } .hm-legenda .hm-cel { flex: 0 0 18px; min-width: 18px; height: 14px; } /* Mapa de cliques: a página real num iframe, com as manchas por cima */ .clique-mapa { position: relative; width: 100%; height: 560px; overflow: auto; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg); } /* pointer-events:none → a roda do mouse rola o CONTAINER, nunca o documento de dentro do iframe; é o que mantém manchas e página em sincronia. A altura real é medida no onload (_ajustarFrameCliques); 2400px é só o ponto de partida até a medição acontecer. */ .clique-frame { width: 100%; height: 2400px; border: 0; display: block; pointer-events: none; } /* Sem `inset:0`: dentro de um container rolável isso limitaria a camada à altura VISÍVEL, e as manchas do fim da página não teriam onde existir. */ .clique-camada { position: absolute; top: 0; left: 0; right: 0; height: 2400px; pointer-events: none; } .clique-blob { position: absolute; width: 72px; height: 72px; margin: -36px 0 0 -36px; border-radius: 50%; background: radial-gradient(circle, rgba(255,122,14,0.55) 0%, rgba(255,122,14,0.28) 40%, rgba(255,122,14,0) 70%); mix-blend-mode: multiply; } [data-theme="dark"] .clique-blob { mix-blend-mode: screen; } /* Visitas por dia — colunas HTML, data embaixo, contagem no hover */ .dash-daybars { display: flex; align-items: stretch; gap: 6px; height: 150px; } .dash-daybars.scroll { overflow-x: auto; padding-bottom: 4px; } .dash-daybars.scroll .dash-daycol { min-width: 34px; } .dash-daycol { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; gap: 6px; } .dash-daybar-wrap { flex: 1; width: 100%; display: flex; align-items: flex-end; justify-content: center; } .dash-daybar { width: 100%; max-width: 40px; background: #0057A2; border-radius: 4px 4px 0 0; position: relative; min-height: 3px; transition: background var(--transition); } .dash-daybar:hover { background: var(--orange); } /* Número aparece no hover, flutuando acima da coluna */ .dash-daybar-val { position: absolute; top: -18px; left: 50%; transform: translateX(-50%); font-size: 11px; font-weight: 700; color: var(--text); white-space: nowrap; opacity: 0; transition: opacity var(--transition); pointer-events: none; } .dash-daybar:hover .dash-daybar-val { opacity: 1; } .dash-daylabel { font-size: 10px; color: var(--text-3); white-space: nowrap; } [data-theme="dark"] .dash-daybar { background: #2f80c8; } /* Ranking */ .dash-rank { display: flex; flex-direction: column; gap: 8px; } .dash-rank-row { display: flex; align-items: center; gap: 10px; } .dash-rank-name { width: 42%; flex-shrink: 0; font-size: 12px; color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dash-rank-bar-wrap { flex: 1; background: var(--bg-2); border-radius: 5px; height: 16px; overflow: hidden; } .dash-rank-bar { height: 100%; background: var(--orange); border-radius: 5px; transition: width var(--transition); } .dash-rank-val { width: 40px; flex-shrink: 0; text-align: right; font-size: 12px; font-weight: 700; color: var(--text); } /* Tabelas */ .dash-table { width: 100%; border-collapse: collapse; font-size: 13px; } .dash-table th, .dash-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--border); } .dash-table th { font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--text-3); font-weight: 700; } .dash-table td { color: var(--text-2); } .dash-table tbody tr:last-child td { border-bottom: none; } /* ═══════════════ ABAS DO PAINEL (admin) ═══════════════ */ .painel-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--border); margin-bottom: 24px; } .painel-tab { background: none; border: none; cursor: pointer; font-size: 15px; font-weight: 600; color: var(--text-3); padding: 12px 18px; border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color var(--transition), border-color var(--transition); } .painel-tab:hover:not(.active) { color: var(--text-2); } .painel-tab.active { color: var(--orange); border-bottom-color: var(--orange); } .painel-pane { display: none; } .painel-pane.active { display: block; } /* ═══════════════ ABA INSCRIÇÕES / TEMAS SUGERIDOS ═══════════════ */ .insc-grupo { margin-bottom: 24px; } .insc-grupo-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--border); } .insc-grupo-data { font-size: 16px; font-weight: 700; color: var(--text); } .insc-grupo-count { font-size: 13px; color: var(--text-3); } .insc-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; } .insc-card { display: flex; align-items: flex-start; gap: 12px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 16px; } .insc-avatar { flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; background: var(--orange-pale); color: var(--orange-dark); display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 700; } [data-theme="dark"] .insc-avatar { background: rgba(255,122,14,0.15); color: #FFB366; } .insc-info { flex: 1; min-width: 0; } .insc-nome { font-size: 14px; font-weight: 700; color: var(--text); } .insc-empresa { font-size: 13px; color: var(--text-2); margin-bottom: 6px; } .insc-contatos { display: flex; flex-wrap: wrap; gap: 6px; } .insc-chip { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--text-2); text-decoration: none; background: var(--bg-2); border-radius: 6px; padding: 3px 8px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } a.insc-chip:hover { color: var(--orange); } .insc-quando { flex-shrink: 0; font-size: 11px; color: var(--text-3); white-space: nowrap; } /* Aba Presença — grupos do cruzamento */ .pres-grupo { margin-bottom: 24px; } .pres-grupo-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--border); } .pres-badge { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; } .pres-badge.ok { background: #16A34A; } .pres-badge.warn { background: #E8730C; } .pres-badge.info { background: #2F80C8; } .pres-grupo-head .insc-grupo-data { font-size: 15px; font-weight: 700; color: var(--text); } .pres-grupo-head .insc-grupo-count { font-size: 13px; font-weight: 700; color: var(--text-2); background: var(--bg-2); border-radius: 100px; padding: 1px 10px; } .pres-dica { font-size: 12px; color: var(--text-3); margin-left: auto; } /* ── Sorteio ao vivo — modal de TELA CHEIA (seguro para compartilhar) ── Overlay opaco cobrindo tudo; mostra só o primeiro nome e a empresa. */ .sorteio-overlay { position: fixed; inset: 0; z-index: 4000; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 30%, #12325b 0%, #0b1830 55%, #070d1c 100%); overflow: hidden; } .sorteio-confete { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; } .sorteio-fechar { position: absolute; top: 22px; right: 26px; z-index: 2; width: 46px; height: 46px; border-radius: 50%; cursor: pointer; background: rgba(255,255,255,0.10); color: #fff; border: 1px solid rgba(255,255,255,0.25); font-size: 20px; transition: background var(--transition); } .sorteio-fechar:hover { background: rgba(255,255,255,0.22); } .sorteio-palco { position: relative; z-index: 1; text-align: center; padding: 24px; max-width: 92vw; display: flex; flex-direction: column; align-items: center; gap: 18px; } .sorteio-topo { font-size: clamp(13px, 2.4vw, 20px); font-weight: 800; letter-spacing: 3px; text-transform: uppercase; color: rgba(255,255,255,0.65); } .sorteio-nome-grande { font-size: clamp(44px, 12vw, 150px); font-weight: 900; line-height: 1.02; color: #fff; letter-spacing: -0.02em; overflow-wrap: anywhere; text-shadow: 0 8px 40px rgba(0,0,0,0.4); } .sorteio-nome-grande.bump { animation: sorteioBump 0.12s ease; } @keyframes sorteioBump { from { transform: scale(0.94); opacity: 0.7; } to { transform: scale(1); opacity: 1; } } .sorteio-empresa-grande { font-size: clamp(18px, 3.4vw, 34px); font-weight: 600; color: var(--orange); min-height: 1em; } /* Lista de presentes (estado inicial do modal) */ .sorteio-lista { display: flex; flex-wrap: wrap; gap: 8px 10px; justify-content: center; max-width: 900px; max-height: 46vh; overflow-y: auto; padding: 4px; } .sorteio-chip { font-size: clamp(13px, 1.6vw, 17px); font-weight: 600; color: #fff; background: rgba(255,255,255,0.10); border: 1px solid rgba(255,255,255,0.18); border-radius: 100px; padding: 7px 15px; } .sorteio-erro { color: #FFB4A0; font-size: 15px; } .sorteio-acoes { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-top: 10px; } .sorteio-acoes .btn-primary, .sorteio-acoes .btn-secondary { padding: 11px 22px; font-size: 15px; } .sorteio-acoes .btn-secondary { color: #fff; border-color: rgba(255,255,255,0.4); background: transparent; } /* Quando revela o ganhador: nome entra com um "pop" e a empresa aparece. */ .sorteio-overlay.tem-ganhador .sorteio-nome-grande { animation: sorteioGanhador 0.5s cubic-bezier(0.2,0.9,0.3,1.4) both; } @keyframes sorteioGanhador { 0% { transform: scale(0.3); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @media (max-width: 560px) { .sorteio-acoes { flex-direction: column; width: 100%; max-width: 280px; } } /* Toggle Geral × Este aulão no card de origem */ .pres-toggle { display: inline-flex; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; } .pres-toggle button { font-size: 12px; font-weight: 600; padding: 5px 12px; background: var(--bg-card); color: var(--text-2); border: 0; cursor: pointer; transition: var(--transition); } .pres-toggle button.on { background: var(--orange); color: #fff; } .pres-toggle button:not(.on):hover { background: var(--bg-2); } .sug-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; } .sug-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; } .sug-texto { font-size: 14px; color: var(--text); line-height: 1.55; white-space: pre-wrap; } .sug-rodape { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .sug-contatos { display: flex; flex-wrap: wrap; gap: 6px; } .sug-quando { font-size: 11px; color: var(--text-3); white-space: nowrap; } /* ── Aba "Programação" (admin) — data + tema + tópicos, salvar tudo de uma vez ── */ .insc-chip.prox { background: var(--orange-pale); color: var(--orange-dark); font-weight: 700; } [data-theme="dark"] .insc-chip.prox { background: rgba(255,122,14,0.15); color: #FFB366; } .prog-lista { display: flex; flex-direction: column; gap: 14px; } .prog-row { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; } .prog-row-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .prog-data { width: 165px; flex-shrink: 0; } .prog-tema { flex: 1; min-width: 180px; } .prog-topicos { width: 100%; resize: vertical; min-height: 62px; font-family: inherit; line-height: 1.5; } .prog-remover { margin-left: auto; background: none; border: none; color: var(--text-3); cursor: pointer; font-size: 14px; line-height: 1; padding: 7px 9px; border-radius: 8px; transition: background var(--transition), color var(--transition); } .prog-remover:hover { background: rgba(220,38,38,0.10); color: #DC2626; } .prog-acoes { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; } @media (max-width: 640px) { .prog-data, .prog-tema { width: 100%; flex: none; } .prog-remover { margin-left: 0; } } /* ═══════════════ ABA AGENDA (site) ═══════════════ */ .agenda-sec { margin-bottom: 34px; } .agenda-sec:last-child { margin-bottom: 0; } .agenda-sec-head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; } .agenda-sec-tit { font-size: 18px; font-weight: 800; color: var(--text); margin: 0; } .agenda-sec-sub { font-size: 13px; color: var(--text-3); } /* Próximos aulões — cards em destaque, expansíveis (hover amplia, clique abre) */ .agenda-prox-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; } .agenda-prox-card { position: relative; background: linear-gradient(135deg, var(--orange-pale), var(--blue-pale)); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 20px 22px; display: flex; flex-direction: column; gap: 12px; transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition); } [data-theme="dark"] .agenda-prox-card { background: linear-gradient(135deg, rgba(255,122,14,0.10), rgba(60,133,196,0.10)); } .agenda-prox-card.expansivel { cursor: pointer; } .agenda-prox-card.expansivel:hover, .agenda-prox-card.expansivel:focus-visible { transform: translateY(-3px) scale(1.015); box-shadow: var(--shadow-md); border-color: var(--orange); outline: none; } .agenda-prox-card.aberto { transform: translateY(-3px) scale(1.02); box-shadow: var(--shadow-lg); border-color: var(--orange); } .agenda-prox-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .agenda-prox-tit { font-size: 19px; font-weight: 800; color: var(--text); line-height: 1.3; margin: 0; overflow-wrap: anywhere; } .agenda-prox-card.pendente .agenda-prox-tit { color: var(--text-3); font-style: italic; font-weight: 700; } .agenda-prox-toggle { display: flex; align-items: center; gap: 6px; margin-top: auto; } .agenda-prox-hint { font-size: 12px; font-weight: 700; color: var(--orange-dark); } [data-theme="dark"] .agenda-prox-hint, [data-theme="dark"] .agenda-prox-chevron { color: #FFB366; } .agenda-prox-chevron { color: var(--orange-dark); font-size: 12px; transition: transform var(--transition); } .agenda-prox-card.aberto .agenda-prox-chevron { transform: rotate(180deg); } .agenda-prox-pontos { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease, opacity 0.3s ease; } .agenda-prox-card.aberto .agenda-prox-pontos { max-height: 520px; opacity: 1; border-top: 1px dashed var(--border); } .agenda-prox-pontos-tit { font-size: 11px; font-weight: 800; letter-spacing: 0.6px; text-transform: uppercase; color: var(--orange-dark); margin: 12px 0 8px; } [data-theme="dark"] .agenda-prox-pontos-tit { color: #FFB366; } .agenda-prox-pontos ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px; } .agenda-prox-pontos li { position: relative; padding-left: 20px; font-size: 14px; color: var(--text-2); line-height: 1.45; } .agenda-prox-pontos li::before { content: "→"; position: absolute; left: 0; color: var(--orange); font-weight: 800; } /* Últimos aulões — cards clicáveis */ .agenda-ultimos-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .agenda-card { --tema: var(--orange); background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 16px 18px; display: flex; flex-direction: column; gap: 8px; } .agenda-card.ultimo { cursor: pointer; border-left: 3px solid var(--tema); transition: transform var(--transition), box-shadow var(--transition); } .agenda-card.ultimo:hover, .agenda-card.ultimo:focus-visible { transform: translateY(-2px); box-shadow: var(--shadow-md); outline: none; } .agenda-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .agenda-data { font-size: 12px; font-weight: 600; color: var(--text-3); white-space: nowrap; } .agenda-card-tit { font-size: 16px; font-weight: 700; color: var(--text); line-height: 1.3; margin: 0; overflow-wrap: anywhere; } .agenda-badge { font-size: 10px; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; padding: 3px 9px; border-radius: 100px; color: #fff; background: var(--tema); } .agenda-badge.prox { background: var(--orange); } .agenda-ver { font-size: 12px; font-weight: 700; color: var(--tema); margin-top: auto; } /* cores por tema (badge/borda/dot) */ .agenda-card.t-comercial, .agenda-dot.t-comercial { --tema: #2F80C8; } .agenda-card.t-financeiro, .agenda-dot.t-financeiro { --tema: #16A34A; } .agenda-card.t-estoque, .agenda-dot.t-estoque { --tema: #7C3AED; } .agenda-card.t-gestao, .agenda-dot.t-gestao { --tema: #D96200; } /* Anteriores — lista compacta */ .agenda-lista { display: flex; flex-direction: column; } .agenda-linha { display: flex; align-items: center; gap: 12px; padding: 12px 6px; cursor: pointer; border-bottom: 1px solid var(--border); transition: background var(--transition); } .agenda-linha:hover, .agenda-linha:focus-visible { background: var(--orange-pale); outline: none; } [data-theme="dark"] .agenda-linha:hover { background: rgba(255,122,14,0.08); } .agenda-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--tema, var(--orange)); flex-shrink: 0; } .agenda-linha-data { font-size: 12px; color: var(--text-3); width: 120px; flex-shrink: 0; } .agenda-linha-tit { font-size: 14px; font-weight: 600; color: var(--text); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .agenda-linha-tema { font-size: 11px; color: var(--text-3); white-space: nowrap; } @media (max-width: 760px) { .agenda-prox-grid { grid-template-columns: 1fr; } .agenda-ultimos-grid { grid-template-columns: 1fr; } .agenda-linha-data { width: auto; } .agenda-linha-tema { display: none; } } @media (prefers-reduced-motion: reduce) { .agenda-prox-card, .agenda-prox-chevron, .agenda-prox-pontos { transition: none; } } /* Banner "Sugerir um tema" na aba Aulões */ .sugerir-banner { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; background: linear-gradient(135deg, var(--orange-pale), var(--blue-pale)); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 18px 22px; margin-bottom: 24px; } [data-theme="dark"] .sugerir-banner { background: linear-gradient(135deg, rgba(255,122,14,0.10), rgba(60,133,196,0.10)); } .sugerir-banner-title { font-size: 16px; font-weight: 700; color: var(--text); } .sugerir-banner-sub { font-size: 13px; color: var(--text-2); margin-top: 2px; } .sugerir-banner-btn { flex-shrink: 0; background: var(--orange); color: #fff; border: none; cursor: pointer; font-size: 14px; font-weight: 700; padding: 11px 20px; border-radius: 10px; transition: background var(--transition); } .sugerir-banner-btn:hover { background: var(--orange-dark); }