:root {
  /* Paleta RESTAURADA (versão neutra escura original) */
  --color-primary: #1e2a78;
  --color-primary-accent: #3246b7;
  /* Tons ajustados para um visual mais sóbrio (menos saturação) */
  --color-secondary: #d05a1a; /* antes #ff6a00 */
  --color-secondary-accent: #e07232; /* antes #ff8c33 */
  --color-bg: #0f1115; /* fundo principal */
  --color-bg-alt: #161a23; /* blocos / cartões */
  --color-text: #e6e8ec;
  --color-muted: #9aa0b5;
  --color-header: #002e3a; /* cor solicitada para o header */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --shadow-sm: 0 2px 4px -1px rgba(0,0,0,.4);
  --shadow-md: 0 6px 18px -4px rgba(0,0,0,.5);
  --grad: linear-gradient(135deg,#2a376f,#1e2a78); /* removendo laranja intenso do grad principal */
  --font-stack: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* Tema específico Safety Eyes (aplicado via body.theme-safety-eyes) */
body.theme-safety-eyes {
  --se-bg: #0d1f1f;
  --se-bg-alt: #162c2a;
  --se-surface: #1c3936;
  --se-primary: #1f4a43;
  --se-primary-accent: #2a5f56;
  --se-accent: #1ba06d; /* antes #15c47d */
  --se-accent-alt: #16855a; /* antes #11a667 */
  --se-text: #e4efe9;
  --se-muted: #8aa69c;
  background: var(--se-bg);
  color: var(--se-text);
}
body.theme-safety-eyes .page-hero.bg-logo { background: linear-gradient(145deg, #13312d, #0d1f1f 65%); }
body.theme-safety-eyes a { color: var(--se-accent); }
body.theme-safety-eyes .card,
body.theme-safety-eyes .service-item,
body.theme-safety-eyes .portfolio-item { background: var(--se-bg-alt); border:1px solid #1d3a37; }
body.theme-safety-eyes .btn.primary { --btn-bg: linear-gradient(135deg,#2fb27d,#1d7e59); border:1px solid #36be87; color:#ffffff; text-shadow:0 1px 2px rgba(0,0,0,.55); box-shadow:0 2px 4px -1px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.05) inset; }
body.theme-safety-eyes .btn.primary:hover { filter:brightness(1.1); box-shadow:0 3px 6px -1px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.07) inset; }
body.theme-safety-eyes .btn.primary:active { filter:brightness(.92); }
body.theme-safety-eyes .btn.primary:focus-visible { outline:2px solid #e4efe9; outline-offset:2px; }
body.theme-safety-eyes .btn.secondary { --btn-bg: linear-gradient(135deg,#1e3a36,#192f2c); border:1px solid #2a5f56; color:var(--se-text); }
body.theme-safety-eyes .btn.secondary:hover { background:#214f49; }
body.theme-safety-eyes .btn.secondary:hover { background:#214642; }
body.theme-safety-eyes table { border-color:#1d3a37; }
body.theme-safety-eyes code { background:#1f403d; padding:.15rem .4rem; border-radius:4px; }
body.theme-safety-eyes .se-feature-badge { display:inline-block; background:linear-gradient(135deg,#1f403d,#173230); border:1px solid #27564f; padding:.45rem .7rem; font-size:.7rem; letter-spacing:.7px; text-transform:uppercase; border-radius:999px; color:var(--se-muted); }
body.theme-safety-eyes details { background: var(--se-bg-alt); border:1px solid #1d3a37; }
body.theme-safety-eyes details[open] { border-color:#2d6a60; }
body.theme-safety-eyes .cta { background:linear-gradient(145deg,#173230,#0d1f1f); }
/* Botões de demonstração (alto contraste) dentro do tema Safety Eyes */
body.theme-safety-eyes .cta .btn.primary,
body.theme-safety-eyes .se-hero .btn.primary[href*='Solicitar'],
body.theme-safety-eyes .se-hero .btn.primary[href*='Agendar'] {
  --btn-bg: linear-gradient(135deg,#3e6be0,#27447f);
  border:1px solid #4d7aed;
  color:#ffffff;
  text-shadow:0 1px 3px rgba(0,0,0,.65);
  font-size:.9rem;
  letter-spacing:.3px;
  box-shadow:0 2px 6px -1px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06) inset;
}
body.theme-safety-eyes .cta .btn.primary:hover,
body.theme-safety-eyes .se-hero .btn.primary[href*='Solicitar']:hover,
body.theme-safety-eyes .se-hero .btn.primary[href*='Agendar']:hover { filter:brightness(1.1); box-shadow:0 4px 10px -2px rgba(0,0,0,.65), 0 0 0 1px rgba(255,255,255,.08) inset; }
body.theme-safety-eyes .cta .btn.primary:active,
body.theme-safety-eyes .se-hero .btn.primary[href*='Solicitar']:active,
body.theme-safety-eyes .se-hero .btn.primary[href*='Agendar']:active { filter:brightness(.93); }
body.theme-safety-eyes .cta .btn.primary:focus-visible,
body.theme-safety-eyes .se-hero .btn.primary[href*='Solicitar']:focus-visible,
body.theme-safety-eyes .se-hero .btn.primary[href*='Agendar']:focus-visible { outline:2px solid #e4efe9; outline-offset:2px; }


html[data-theme='light'] {
  --color-bg: #ffffff;
  --color-bg-alt: #f5f7fa;
  --color-text: #1d2433;
  --color-muted: #5b6375;
}
html { scroll-behavior:smooth; }

* { box-sizing: border-box; }
body { margin:0; font-family: var(--font-stack); font-size:15px; line-height:1.45; background: var(--color-bg); color: var(--color-text); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; display:block; }
a { color: var(--color-secondary); text-decoration:none; }
a:hover { text-decoration:underline; }

.container { width:100%; max-width:1200px; margin:0 auto; padding:0 1.5rem; }
.container.narrow { max-width:760px; }

.site-header { background: var(--color-header); border-bottom:1px solid #033c4b; position:sticky; top:0; z-index:50; }
.header-flex { display:flex; align-items:center; gap:1rem; justify-content:space-between; min-height:72px; }
.brand { display:flex; align-items:center; gap:.75rem; font-weight:600; font-size:1.1rem; color:var(--color-text); }
.brand span { background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }

.main-nav { position:relative; }
.main-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:1.25rem; }
.main-nav a { color:var(--color-text); font-size:.95rem; font-weight:500; padding:.25rem .5rem; border-radius:var(--radius-sm); }
.main-nav a:hover { background:rgba(255,255,255,0.07); }

.nav-toggle { display:none; background:var(--color-bg-alt); color:var(--color-text); border:1px solid #333; padding:.5rem .75rem; border-radius:var(--radius-sm); cursor:pointer; }

.theme-toggle { background:var(--color-bg-alt); color:var(--color-text); border:1px solid #333; padding:.65rem .8rem; border-radius:var(--radius-sm); cursor:pointer; }
.theme-toggle:hover { background:var(--color-bg); }

@media (max-width: 860px) {
  .nav-toggle { display:block; }
  .main-nav ul { position:absolute; right:0; top:110%; flex-direction:column; background:var(--color-bg-alt); padding:1rem; border:1px solid #222; border-radius:var(--radius-md); min-width:200px; box-shadow:var(--shadow-md); display:none; }
  .main-nav ul.open { display:flex; }
}

.site-main { padding-bottom:4rem; }
.hero { padding:3.4rem 0 2rem; background:linear-gradient(125deg,#141823,#0f1115 70%); }
.hero-inner { display:grid; grid-template-columns: repeat(auto-fit,minmax(320px,1fr)); align-items:center; gap:3rem; }
.hero-text h1 { font-size:clamp(1.6rem, 3vw, 2.15rem); line-height:1.05; margin:0 0 .7rem; font-weight:600; }
.section-heading h2, .content h2 { font-size:1.35rem; line-height:1.16; margin:1.9rem 0 .7rem; font-weight:600; }
.content h3 { font-size:.98rem; margin:1.4rem 0 .55rem; font-weight:600; }
.gradient-text { background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-text p { font-size:.95rem; max-width:540px; color:var(--color-muted); }
.hero-actions { display:flex; gap:1rem; margin-top:1.5rem; flex-wrap:wrap; }
.hero-art { text-align:center; }
.hero-logo { width:220px; filter:drop-shadow(0 0 18px rgba(0,0,0,.6)); }

.btn { --btn-bg:var(--color-bg-alt); --btn-color:var(--color-text); display:inline-flex; align-items:center; gap:.45rem; font-weight:600; font-size:.85rem; letter-spacing:.25px; border:1px solid #303845; background:var(--btn-bg); color:var(--btn-color); padding:.7rem 1rem; border-radius:var(--radius-md); cursor:pointer; transition:.25s background, .25s color, .25s transform, .25s box-shadow; text-decoration:none; position:relative; line-height:1.1; }
.btn:hover { background:#202633; text-decoration:none; }
.btn.primary { --btn-bg: linear-gradient(135deg,#3a528b,#2a3e6b); border:1px solid #425a96; color:#ffffff; text-shadow:0 1px 2px rgba(0,0,0,.55); box-shadow:0 2px 4px -1px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.05) inset; }
.btn.primary:hover { filter:brightness(1.09); box-shadow:0 3px 6px -1px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.07) inset; }
.btn.primary:active { filter:brightness(.94); }
.btn.primary:focus-visible { outline:2px solid #ffffff; outline-offset:2px; }
.btn.secondary { --btn-bg: linear-gradient(135deg,#1c2330,#161c25); color:#e6e8ec; border:1px solid #303845; }
.btn.secondary:hover { filter:brightness(1.06); }
.btn.large { font-size:.9rem; padding:.85rem 1.35rem; }

.features { padding:3.5rem 0 2rem; }
.section-heading { text-align:center; margin-bottom:2.5rem; }
.cards-grid { display:grid; gap:1.6rem; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); }
.card { background:var(--color-bg-alt); padding:1.4rem 1.25rem 1.6rem; border:1px solid #222; border-radius:var(--radius-md); box-shadow:var(--shadow-sm); position:relative; overflow:hidden; }
.card:before { content:""; position:absolute; inset:0; background:linear-gradient(145deg, transparent 40%, rgba(255,255,255,.04)); pointer-events:none; }
.card h3 { margin-top:0; }

.cta { padding:3.2rem 0 3.6rem; text-align:center; background:linear-gradient(145deg,#141a22,#0f1115); }
.cta h2 { margin-top:0; font-size:1.65rem; }

.page-hero { background:radial-gradient(circle at 20% 25%, #1c264f, #0f1115 70%); padding:3.2rem 0 2.4rem; margin-bottom:2.5rem; }
.page-hero h1 { margin:0 0 .55rem; font-size:1.85rem; }

.check-list { list-style:none; padding:0; margin:1rem 0 2rem; }
.check-list li { padding-left:1.4rem; position:relative; margin:.4rem 0; }
.check-list li:before { content:"✔"; position:absolute; left:0; top:0; color:var(--color-secondary); }

.service-grid { display:grid; gap:1.8rem; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); }
.service-item { background:var(--color-bg-alt); padding:1.4rem 1.25rem 1.6rem; border:1px solid #222; border-radius:var(--radius-md); }

.portfolio-grid { display:grid; gap:1.8rem; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); }
.portfolio-item { background:var(--color-bg-alt); padding:1.2rem 1.1rem 1.4rem; border:1px solid #222; border-radius:var(--radius-md); }
.thumb.placeholder { background:linear-gradient(145deg,#1e2a78,#3246b7); height:140px; border-radius:var(--radius-sm); display:flex; align-items:center; justify-content:center; font-weight:600; letter-spacing:.5px; color:#fff; }

.contact-form { display:flex; flex-direction:column; gap:1rem; margin-top:.5rem; }
.contact-form input, .contact-form textarea { background:var(--color-bg-alt); border:1px solid #2a303b; color:var(--color-text); padding:.85rem 1rem; border-radius:var(--radius-sm); font:inherit; resize:vertical; }
.contact-form input:focus, .contact-form textarea:focus { outline:2px solid var(--color-primary-accent); outline-offset:0; }

.alert { padding:.9rem 1rem; border-radius:var(--radius-sm); margin-bottom:1rem; font-size:.9rem; }
.alert.success { background:#10381f; border:1px solid #1c6e39; color:#c6f6d5; }
.alert.error { background:#441818; border:1px solid #7a2e2e; color:#f9d0d0; }

.footer-grid { display:grid; gap:2rem; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); padding:2.5rem 0 2rem; }
.site-footer { background:var(--color-bg-alt); border-top:1px solid #222; margin-top:3rem; }
.site-footer h4, .site-footer h5 { margin:0 0 .75rem; }
.site-footer ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.35rem; }
.site-footer a { color:var(--color-muted); }
.site-footer a:hover { color:var(--color-text); text-decoration:none; }
.copy-bar { text-align:center; padding:1rem 0; font-size:.75rem; color:var(--color-muted); border-top:1px solid #222; }

/* Dark mode adjustments handled by root variables */

/* Animations */
.btn:active { transform:translateY(2px); }

/* Utility */
.section { padding:3rem 0; }
.text-center { text-align:center; }
.hidden { display:none !important; }

/* App Icon utilitário */
.app-icon { width:64px; height:64px; border-radius:16px; object-fit:cover; box-shadow:0 4px 12px rgba(0,0,0,.45); background:#fff; }
.app-icon-sm { width:58px; height:58px; border-radius:14px; }

/* Utilidades leves usadas na página Safety Eyes */
.mt-1 { margin-top:1.2rem !important; }
.mt-3 { margin-top:3.2rem !important; }
.no-mt { margin-top:0 !important; }
.rounded-lg { border-radius:12px !important; }
.ai-badge { font-size:.55rem; letter-spacing:.5px; padding:.28rem .55rem; background:#25335f; border:1px solid #2f3e6d; border-radius:999px; text-transform:uppercase; color:#b7c3df; font-weight:600; display:inline-block; line-height:1; }
.ai-badge.small { font-size:.5rem; padding:.25rem .45rem; }

/* ===================== PÁGINA: SAFETY EYES ===================== */
body.theme-safety-eyes .se-hero { position:relative; overflow:hidden; }
body.theme-safety-eyes .se-hero-inner { position:relative; z-index:2; display:flex; align-items:center; gap:2.2rem; flex-wrap:wrap; }
body.theme-safety-eyes .se-hero-left { flex:1 1 380px; min-width:300px; }
body.theme-safety-eyes .se-hero-title { margin:0 0 .75rem; display:flex; align-items:center; gap:.75rem; font-size:2.4rem; }
body.theme-safety-eyes .se-hero-lead { max-width:640px; }
body.theme-safety-eyes .se-hero-actions { margin-top:1.25rem; display:flex; gap:.85rem; flex-wrap:wrap; }
body.theme-safety-eyes .se-hero-side { flex:1 1 260px; min-width:240px; max-width:340px; }
body.theme-safety-eyes .se-highlights-card { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); padding:1.4rem 1.2rem 1.6rem; border-radius:18px; backdrop-filter:blur(4px); }
body.theme-safety-eyes .se-highlights-card:hover { border-color:var(--se-accent); box-shadow:0 4px 18px -4px rgba(0,0,0,.55); transition:.35s border-color, .35s box-shadow; }
body.theme-safety-eyes .se-highlights-heading { margin:0 0 .9rem; font-size:1rem; letter-spacing:.5px; text-transform:uppercase; font-weight:600; color:var(--se-muted); }
body.theme-safety-eyes .se-highlights-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.55rem; font-size:.9rem; }
body.theme-safety-eyes .se-content-top { margin-top:2.2rem; }

/* Tabelas comparativas e de benefícios */
body.theme-safety-eyes .se-table { margin:2rem 0 2.4rem; overflow-x:auto; }
body.theme-safety-eyes .se-table table { width:100%; border-collapse:collapse; font-size:.9rem; }
body.theme-safety-eyes .se-table thead tr { background:var(--se-bg-alt); }
body.theme-safety-eyes .se-table th, 
body.theme-safety-eyes .se-table td { text-align:left; padding:.6rem .75rem; border:1px solid #1d3a37; }
body.theme-safety-eyes .se-benefits-table { margin:1rem 0 2rem; }
body.theme-safety-eyes .se-benefits-table th, 
body.theme-safety-eyes .se-benefits-table td { padding:.55rem .7rem; }

/* Lista de fluxo operacional */
body.theme-safety-eyes .se-flow-list { list-style:decimal; padding-left:1.2rem; }

/* FAQ */
body.theme-safety-eyes .se-faq { display:grid; gap:1rem; }
body.theme-safety-eyes .se-faq-item { padding:1rem 1rem 1rem; border-radius:6px; }
body.theme-safety-eyes .se-faq-item p { margin-top:.6rem; }

/* Ajustes de CTA dentro do tema Safety Eyes */
body.theme-safety-eyes .cta { border-radius:12px; }
body.theme-safety-eyes a:focus-visible, body.theme-safety-eyes button:focus-visible { outline:2px solid var(--se-accent); outline-offset:2px; border-radius:4px; }

/* Seção Diferencial IA */
body.theme-safety-eyes .se-diff { margin:2.8rem 0 1rem; padding:1.6rem 1.4rem 1.8rem; background:linear-gradient(145deg,#173230 0%, #102524 65%); border:1px solid #1d3a37; border-radius:16px; position:relative; overflow:hidden; }
body.theme-safety-eyes .se-diff:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 78% 18%, rgba(21,196,125,.15), transparent 60%); pointer-events:none; }
body.theme-safety-eyes .se-diff h2 { margin-top:0; font-size:1.55rem; }
body.theme-safety-eyes .se-diff-list { list-style:none; padding:0; margin:1rem 0 1.25rem; display:grid; gap:.65rem; }
body.theme-safety-eyes .se-diff-list li { padding-left:1.1rem; position:relative; line-height:1.35; }
body.theme-safety-eyes .se-diff-list li:before { content:"➤"; position:absolute; left:0; top:0; color:var(--se-accent); font-size:.75rem; transform:translateY(2px); }
body.theme-safety-eyes .se-diff code { background:#1f403d; padding:.15rem .4rem; border-radius:4px; font-size:.8rem; }

/* Galeria de telas do app (Safety Eyes) */
body.theme-safety-eyes .se-screens { margin:2.4rem 0 1.6rem; }
body.theme-safety-eyes .se-screens h2 { margin-top:0; font-size:1.35rem; }
body.theme-safety-eyes .se-screens-intro { font-size:.9rem; color:var(--se-muted); max-width:640px; }
body.theme-safety-eyes .se-screens-grid { display:grid; gap:5mm; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); margin-top:.9rem; }
/* Estilo de cartão sutil para destacar prints com espaçamento solicitado (5mm) */
body.theme-safety-eyes .se-screen-item { background:var(--se-bg-alt); border:1px solid #1d3a37; padding:.4rem .5rem .55rem; border-radius:12px; box-shadow:0 3px 10px -4px rgba(0,0,0,.5); position:relative; overflow:hidden; }
body.theme-safety-eyes .se-screen-item:hover { border-color:var(--se-accent); box-shadow:0 4px 14px -4px rgba(0,0,0,.55); }
body.theme-safety-eyes .se-screen-item img { width:100%; height:auto; border-radius:10px; display:block; }
body.theme-safety-eyes .se-screen-item figcaption { margin:.45rem 0 .1rem; font-size:.72rem; letter-spacing:.08px; color:var(--se-muted); line-height:1.3; font-weight:500; max-width:240px; }
@media (min-width:1180px){
  /* Escala 200%: cards muito maiores em telas largas */
  body.theme-safety-eyes .se-screens-grid { grid-template-columns:repeat(auto-fit,minmax(440px,1fr)); }
  body.theme-safety-eyes .se-screen-item figcaption { font-size:.8rem; max-width:360px; }
}
/* Layout estilo screenshot (prints lado a lado sem legendas) */
body.theme-safety-eyes .se-screens-wide .se-screens-intro { margin-bottom:.55rem; }
/* Layout assimétrico solicitado: 22% 22% 22% 34% (ajuste fino) */
body.theme-safety-eyes .se-screens-wide .se-screens-grid { grid-template-columns:22% 22% 22% 34%; gap:6px; }
/* Padding mínimo e remoção total de cromas para exibir só as imagens */
body.theme-safety-eyes .se-screens-wide .se-screen-item { background:transparent; border:none; padding:0; margin:0; box-shadow:none; }
body.theme-safety-eyes .se-screens-wide .se-screen-item img { border-radius:6px; background:#0c1817; box-shadow:0 2px 6px -2px rgba(0,0,0,.55); }
body.theme-safety-eyes .se-screens-wide .se-screen-item figcaption { display:none; }
/* Quebras somente quando realmente apertado */
@media (max-width:760px){ body.theme-safety-eyes .se-screens-wide .se-screens-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ body.theme-safety-eyes .se-screens-wide .se-screens-grid { grid-template-columns:1fr; } }
@media (max-width:620px){ body.theme-safety-eyes .se-screens-grid { grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); } }
@media (min-width:960px){ body.theme-safety-eyes .se-screens-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }

/* Lightbox para ampliar prints */
.lightbox-overlay { position:fixed; inset:0; background:rgba(0,0,0,.8); display:flex; align-items:center; justify-content:center; z-index:400; padding:2rem 1.2rem; opacity:0; pointer-events:none; transition:.35s opacity; }
.lightbox-overlay.open { opacity:1; pointer-events:auto; }
.lightbox-dialog { position:relative; max-width:980px; width:60%; background:#0f1115; border:1px solid #222; border-radius:14px; padding:1.2rem 1.2rem 1.6rem; box-shadow:0 8px 42px -8px rgba(0,0,0,.8); animation:lb-pop .4s cubic-bezier(.4,.14,.2,1); }
@media (max-width:780px){ .lightbox-dialog { width:92%; } }
.lightbox-dialog { max-height:92vh; overflow:auto; }
.lightbox-dialog img { width:100%; height:auto; display:block; border-radius:10px; }
.lightbox-close { position:absolute; top:8px; right:8px; background:#1c2330; color:#e6e8ec; border:1px solid #303845; border-radius:8px; padding:.45rem .65rem; cursor:pointer; font-size:.75rem; font-weight:600; letter-spacing:.5px; }
.lightbox-close:hover { background:#222c3b; }
.lightbox-meta { margin-top:.65rem; font-size:.75rem; color:var(--color-muted); display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.lightbox-meta .lb-esc-hint { margin-left:auto; opacity:.7; font-style:italic; font-size:.7rem; }
.lightbox-embed { margin-top:.5rem; }
.lightbox-embed .lb-pdf-object { width:100%; height:72vh; border:1px solid #222; border-radius:8px; background:#111; }
.lightbox-embed .lb-pdf-object p { padding:1rem; font-size:.8rem; }
.se-screen-item { cursor:pointer; }
.se-screen-item:focus-within { outline:2px solid var(--se-accent); outline-offset:4px; }
@keyframes lb-pop { 0% { transform:translateY(18px) scale(.96); opacity:0; } 100% { transform:translateY(0) scale(1); opacity:1; } }

@media (max-width: 720px) {
  body.theme-safety-eyes .se-hero-title { font-size:2.05rem; }
  body.theme-safety-eyes .se-hero-inner { gap:1.8rem; }
}

/* Selection */
::selection { background:var(--color-secondary); color:#fff; }

/* Scrollbar (webkit) */
::-webkit-scrollbar { width:11px; }
::-webkit-scrollbar-track { background:var(--color-bg); }
::-webkit-scrollbar-thumb { background:#222833; border:2px solid var(--color-bg); border-radius:20px; }
::-webkit-scrollbar-thumb:hover { background:#313a49; }

/* =====================
   Melhorias Mobile
   ===================== */
@media (max-width: 480px) {
  .container { padding: 0 1rem; }
  .section { padding: 2rem 0; }
  .hero { padding: 2.2rem 0 1.4rem; }
  .hero-inner { gap: 1.6rem; }
  .hero-text h1 { font-size: 1.55rem; }
  .hero-text p { font-size: .92rem; }

  /* Grids colapsam em 1 coluna */
  .cards-grid,
  .service-grid,
  .portfolio-grid { grid-template-columns: 1fr !important; }

  /* Botões ocupam largura total em heros e CTAs */
  .hero-actions .btn,
  .cta .btn { width: 100%; justify-content: center; }

  /* Tabelas: scroll horizontal e fonte menor */
  .se-table { margin: 1.2rem 0 1.6rem; }
  .se-table table { font-size: .85rem; }
  .se-table { overflow-x: auto; }

  /* Quebras seguras em textos longos */
  p, li, td, th, h1, h2, h3, h4, h5, code { overflow-wrap: anywhere; }

  /* Forms: inputs full-width já são, mas reforço espaçamento */
  .contact-form { gap: .85rem; }
}

/* =====================================================
  Utilidades adicionais
  -----------------------------------------------------
  .bg-logo   -> Use quando quiser uma seção com a cor sólida principal da marca sem gradiente.
  .no-shadow -> Remove sombras (caso queira estilo flat em um bloco específico).
  ===================================================== */
.bg-logo { background:#1e2a78 !important; }
/* Override: Safety Eyes hero deve ficar neutro, mesma cor do fundo com apenas contorno */
body.theme-safety-eyes .se-hero { background: var(--se-bg) !important; border:1px solid #1d3a37; box-shadow:none; }
.no-shadow { box-shadow:none !important; }

/* Header white fonts override (pedido: fontes brancas no header) */
.site-header .brand,
.site-header .brand span,
.site-header .main-nav a,
.site-header .main-nav a:visited,
.site-header .theme-toggle,
.site-header .nav-toggle { color:#ffffff !important; }
.site-header .main-nav a:hover { background:rgba(255,255,255,0.11); color:#ffffff !important; }

/* Footer logo adjustments */
.footer-logo-wrap { max-width:170px; margin:0 0 .65rem; }
.footer-logo { width:100%; height:auto; display:block; filter:drop-shadow(0 4px 10px rgba(0,0,0,.45)); }