/* ============================================= shared/reset.css Reset e estilos base globais ============================================= */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } @keyframes girar { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .icon-giratorio { display: inline-block; animation: girar 1.5s linear infinite; } html { scroll-behavior: smooth; font-size: 16px; } body { font-family: var(--fonte-corpo); color: var(--texto); background: var(--branco); line-height: 1.6; min-height: 100vh; display: flex; flex-direction: column; } a { color: var(--azul-medio); text-decoration: none; transition: color var(--transicao); } @media (hover: hover) { html.dark .footer__links a:hover { color: #f1f5f9; } a:hover { color: var(--azul-escuro); } html.dark .nav-link:hover { color: #f1f5f9; background: #1e3a5f; } } ul, ol { list-style: none; } img { max-width: 100%; display: block; } button { cursor: pointer; font-family: var(--fonte-corpo); } input, select, textarea { font-family: var(--fonte-corpo); } /* ── Dark mode via classe no ── */ html.dark { --branco: #0f172a; --cinza-claro: #1e293b; --cinza: #64748b; --cinza-escuro: #94a3b8; --texto: #f1f5f9; --texto-suave: #94a3b8; --azul-suave: #1e3a5f; --azul-ultraclaro: #172033; } html.dark body { background: #0f172a; color: #f1f5f9; } html.dark .card { border-color: #1e3a5f; background: #1e293b; } html.dark .navbar { background: #0f172a !important; border-color: #1e3a5f; } html.dark .filtros { background: #1e293b; border-color: #1e3a5f; } html.dark .search-bar { background: #1e293b; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4); } html.dark .form__input { background: #1e293b !important; border-color: #334155; color: #f1f5f9; } html.dark .modal { background: #1e293b; } html.dark .tab { background: transparent; color: #94a3b8; } html.dark .tab.ativa { background: #0f172a; color: #f1f5f9; } html.dark .tabs { background: #172033; } html.dark .step { background: #1e293b; border-color: #334155; color: #94a3b8; } html.dark .step.ativo { background: #1e3a5f; color: #f1f5f9; } html.dark .mapa-placeholder { background: #172033; border-color: #1e3a5f; } html.dark .hero { background: linear-gradient( 135deg, #020617 0%, #1a3a6b 60%, #1e5fc2 100% ) !important; } /*Estou fazendo alteração aqui 17.05.2026 cores em modo dark*/ html.dark .hero__title { color: #1e5fc2 !important; } html.dark #beta { color: #93c5fd !important; } html.dark .hero__tags span { background: #1e3a5f !important; color: #93c5fd !important; } html.dark .card--feature h3 { color: #1e5fc2 !important; } html.dark .hero__subtitle { color: #93c5fd !important; } html.dark .cta-vendedor { background: linear-gradient(135deg, #020617, #1a3a6b) !important; color: #93c5fd !important; } html.dark .section__title { color: #93c5fd; } html.dark .nav-link { color: #94a3b8; } html.dark .navbar__logo { color: #f1f5f9; } /* Footer dark — específico para não ficar feio */ html.dark .footer { background: #020617 !important; } html.dark .footer__links h4 { color: #93c5fd; } html.dark .footer__links a { color: #64748b; } html.dark .footer__bottom { color: #475569; border-color: #1e293b; } html.dark .footer__brand p { color: #64748b; } /* Cards dark */ html.dark .card--feature { background: #1e293b; border-color: #1e3a5f; } html.dark .card--metric { background: #1e293b; border-color: #1e3a5f; } html.dark .card--metric-destaque { background: #172033; border-color: #1e3a5f; } html.dark .card__metric-value { color: #93c5fd; } html.dark .card--produto { background: #1e293b; border-color: #1e3a5f; } html.dark .produto__imagem { background: #172033; } /* Perfil dark */ html.dark .perfil-card-perigo { background: #2d1515 !important; border-color: #7f1d1d !important; } /*Removendo oas bordas das telas*/ :focus { outline: none; }