/* AcheMe — ajustes próprios da área de vendas (01/10/2026). Carrega depois de base/familia/nicho/geral.css.
   Dia (.tema-dia) e noite (.theme-acheme): toda foto/tela existe nas duas versões (.so-noite / .so-dia). */
.theme-acheme .so-dia, .tema-dia .so-noite { display:none !important; }
.brand-official img { width:150px; height:auto; }
.tema-dia .site-header { background:rgba(247,248,251,.9); }
.tema-dia .nav-drawer-header { background:transparent; }

.tema-dia .hero-nicho { background:var(--nicho-escuro); }

/* dia e noite lado a lado */
.dn-par { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.dn-item { margin:0; padding:8px; border-radius:18px; background:linear-gradient(135deg,var(--brand),var(--nicho-escuro)); }
.dn-item img { display:block; width:100%; height:auto; border-radius:12px; }
.dn-item figcaption { padding:10px 6px 2px; color:#fff; font-weight:800; text-align:center; letter-spacing:.04em; }
.dn-item:nth-child(2) { background:linear-gradient(135deg,#f3efe6,var(--brand)); }
.dn-item:nth-child(2) figcaption { color:#1d2430; }

/* 3 degraus: AcheMe, domínio próprio, sob medida */
.degraus { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:34px; }
.degrau { position:relative; padding:26px 22px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.degrau h3 { margin:8px 0 6px; }
.degrau p { color:var(--muted); font-size:.92rem; }
.degrau code { padding:2px 7px; border-radius:6px; background:color-mix(in srgb,var(--brand) 12%,transparent); color:var(--ink); font-size:.85em; }
.degrau-num { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; font-weight:900; }
.degrau .btn { margin-top:12px; }
.tabela-dominio { width:100%; margin-top:12px; border-collapse:collapse; font-size:.86rem; }
.tabela-dominio caption { text-align:left; color:var(--muted); font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; padding-bottom:6px; }
.tabela-dominio th, .tabela-dominio td { padding:7px 6px; border-top:1px solid var(--line); text-align:left; }
.tabela-dominio thead th { color:var(--muted); font-weight:700; }
.pricing-trust a { color:inherit; text-decoration:underline; text-underline-offset:3px; }

@media (max-width: 900px) {
  .degraus, .dn-par { grid-template-columns:1fr; }
}

/* menu legível: claro no topo escuro (noite), chumbo no topo claro (dia) */
.theme-acheme .site-header .nav-links-desktop > a:not(.btn) { color:#c9d6e4; }
.theme-acheme .site-header .nav-links-desktop > a:not(.btn):hover { color:#fff; }
.tema-dia .site-header .nav-links-desktop > a:not(.btn) { color:#2b2e35; }
.tema-dia .site-header .nav-links-desktop > a:not(.btn):hover { color:var(--brand); }

/* famílias com 5 ou 6 ramos: todos numa linha no PC */
@media (min-width: 1100px) {
  .ramos-grid.ramos-5 { grid-template-columns:repeat(5,1fr); }
  .ramos-grid.ramos-6 { grid-template-columns:repeat(6,1fr); }
  .ramos-grid.ramos-6 .ramo-nome { font-size:.92rem; }
  .ramos-grid.ramos-9, .ramos-grid.ramos-10 { grid-template-columns:repeat(5,1fr); }
  .ramos-grid.ramos-11, .ramos-grid.ramos-12 { grid-template-columns:repeat(6,1fr); }
  .ramos-grid.ramos-12 .ramo-nome, .ramos-grid.ramos-11 .ramo-nome { font-size:.9rem; }
}
/* Mais estilos (01/10/2026): 4 estilos x 2 versões em imagem */
.estilos-grade { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.estilo-item { margin:0; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--surface); display:flex; flex-direction:column; }
.estilo-item > a { display:block; position:relative; }
.estilo-selo { position:absolute; top:10px; left:10px; z-index:1; max-width:calc(100% - 20px); padding:6px 10px; border-radius:6px; background:rgba(15,15,18,.82); color:#fff; font-size:.74rem; font-weight:700; line-height:1.25; backdrop-filter:blur(4px); }
.estilo-item img { display:block; width:100%; height:auto; transition:transform .5s; }
.estilo-item:hover img { transform:scale(1.02); }
.estilo-item figcaption { display:grid; grid-template-columns:1fr auto; gap:2px 14px; align-items:center; padding:14px 18px 16px; }
.estilo-item strong { color:var(--ink); font-size:1.05rem; }
.estilo-item figcaption span { grid-column:1; color:var(--muted); font-size:.86rem; line-height:1.45; }
.estilo-quero { grid-column:2; grid-row:1 / span 2; padding:9px 14px; border-radius:8px; background:var(--brand); color:#fff; font-weight:800; font-size:.85rem; text-decoration:none; white-space:nowrap; }
@media (max-width:760px) { .estilos-grade { grid-template-columns:1fr; } .estilo-item figcaption { grid-template-columns:1fr; } .estilo-quero { grid-column:1; grid-row:auto; justify-self:start; margin-top:8px; } }

/* Pop-up de imagem do SWCore (sw-lightbox) — só as regras dele, copiadas de swcore.min.css em 01/10/2026 */
.sw-lightbox-ovl{position:fixed;inset:0;z-index:10001;display:flex;align-items:center;justify-content:center;background:#000000e6;opacity:0;pointer-events:none;transition:opacity .3s ease}
.sw-lightbox-ovl.is-open{opacity:1;pointer-events:auto}
.sw-lightbox-wrap{max-width:90vw;max-height:80vh;display:flex;align-items:center;justify-content:center}
.sw-lightbox-wrap.has-zoom .sw-lightbox-img{cursor:zoom-in}
.sw-lightbox-wrap.is-zoom{max-width:none;max-height:none;overflow:auto}
.sw-lightbox-wrap.is-zoom .sw-lightbox-img{max-width:none;max-height:none;width:auto;cursor:zoom-out;transform:scale(1.6);transition:transform .25s ease}
.sw-lightbox-img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:var(--sw-r-g);box-shadow:var(--sw-sha-g);transition:opacity .25s ease}
.sw-lightbox-ldr{position:absolute;top:50%;left:50%;width:4rem;height:4rem;margin:calc(-1 * var(--sw-s-10)) 0 0 calc(-1 * var(--sw-s-10));border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;opacity:0;pointer-events:none}
.sw-lightbox-ldr.is-vis{opacity:1;animation:sw-spin .8s linear infinite}
.sw-lightbox-cls{position:absolute;top:2rem;right:2rem;width:4.4rem;height:4.4rem;border-radius:50%;border:none;background:#ffffff14;color:#fff;cursor:pointer;transition:background .15s}
.sw-lightbox-cls:hover{background:#ffffff2e}
.sw-lightbox-cls:before,.sw-lightbox-cls:after{content:"";position:absolute;top:50%;left:50%;width:1.8rem;height:2px;background:currentColor}
.sw-lightbox-cls:before{transform:translate(-50%,-50%) rotate(45deg)}
.sw-lightbox-cls:after{transform:translate(-50%,-50%) rotate(-45deg)}
.sw-lightbox-prv,.sw-lightbox-nxt{position:absolute;top:50%;transform:translateY(-50%);width:5rem;height:5rem;border-radius:50%;border:none;background:#ffffff14;color:#fff;cursor:pointer;font-size:2rem;display:flex;align-items:center;justify-content:center;transition:background .15s}
.sw-lightbox-prv:hover,.sw-lightbox-nxt:hover{background:#ffffff2e}
.sw-lightbox-prv{left:2rem}
.sw-lightbox-nxt{right:2rem}
.sw-lightbox-cap{position:absolute;bottom:3rem;left:2rem;right:2rem;text-align:center;color:#fff;font-size:1.5rem;text-shadow:0 2px 8px rgba(0,0,0,.6)}
.sw-lightbox-cnt{position:absolute;top:2rem;left:2rem;color:#ffffffbf;font-size:1.3rem;font-family:var(--sw-f-mon)}
[sw-lightbox]:has(>.sw-lightbox-badge){display:inline-block;line-height:0}
.sw-lightbox-badge{position:absolute;right:.6rem;bottom:.6rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding:0 .7rem;font:400 1.2rem/1 var(--sw-f-mon, monospace);color:#fff;background:#0000009e;border-radius:999px;backdrop-filter:blur(4px);pointer-events:none}
[sw-lightbox]:hover .sw-lightbox-badge{background:#000c}
.sw-lightbox-prv,.sw-lightbox-nxt{width:4rem;height:4rem;font-size:1.6rem}
.sw-lightbox-cls{top:1.2rem;right:1.2rem}
.sw-lightbox-cap{bottom:1.6rem;font-size:1.3rem}
/* setas e fechar do pop-up sem a fonte de ícones do SWCore (não carregada nas vendas) */
.sw-lightbox-ovl .swi-chevron-left::before { content:"‹"; }
.sw-lightbox-ovl .swi-chevron-right::before { content:"›"; }
.sw-lightbox-ovl .swi-chevron-left, .sw-lightbox-ovl .swi-chevron-right { font-style:normal; font-size:2.4rem; line-height:1; color:#fff; }
/* 01/10/2026: modelos com código, 4 por linha */
.estilos-grade { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.estilo-item figcaption { grid-template-columns:1fr; gap:4px; padding:12px 14px 14px; }
.estilo-item strong { font-size:.98rem; }
.estilo-item figcaption span { font-size:.8rem; }
.estilo-quero { grid-column:1; grid-row:auto; justify-self:start; margin-top:6px; padding:7px 12px; font-size:.8rem; }
.estilo-cod { display:inline-block; margin-right:4px; padding:3px 6px; border-radius:4px; background:var(--brand); color:#fff; font:800 .72rem/1 ui-monospace, Consolas, monospace; vertical-align:1px; }
@media (max-width:1000px) { .estilos-grade { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { .estilos-grade { grid-template-columns:1fr; } }
.modelos-barra { display:flex; justify-content:center; margin:0 0 22px; font-weight:700; }
.modelos-barra select { margin-left:8px; font:inherit; padding:9px 12px; border-radius:8px; border:1px solid var(--line); background:var(--surface); color:var(--ink); max-width:100%; }
/* 01/10/2026: escada de upgrade (3 degraus) — capricho para vender domínio e sob medida */
.escada-topo { text-align:center; margin:56px auto 0; max-width:620px; }
.escada-topo h3 { margin:6px 0 6px; font-size:clamp(1.6rem,3vw,2.2rem); letter-spacing:-.02em; }
.escada-topo p:last-child { color:var(--muted); }
.degraus { align-items:end; gap:20px; margin-top:26px; }
.degrau { display:flex; flex-direction:column; gap:10px; padding:28px 24px 24px; border-radius:12px; transition:transform .3s, box-shadow .3s; }
.degrau:hover { transform:translateY(-4px); box-shadow:0 24px 50px -24px rgba(0,0,0,.5); }
.degrau h3 { margin:0; font-size:1.35rem; }
.degrau-num { border-radius:8px; }
.degrau-tag { margin:0; color:var(--brand); font-size:.74rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.degrau-url { display:flex; align-items:center; gap:8px; margin:2px 0; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:color-mix(in srgb,var(--ink) 4%,transparent); color:var(--ink); font:600 .9rem/1 ui-monospace, Consolas, monospace; }
.url-cadeado { width:12px; height:12px; border-radius:3px; background:#22c55e; box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 25%,transparent); }
.degrau-lista { list-style:none; margin:4px 0 0; padding:0; display:grid; gap:8px; color:var(--muted); font-size:.9rem; }
.degrau-lista li { position:relative; padding-left:24px; }
.degrau-lista li::before { content:"✓"; position:absolute; left:0; top:0; width:17px; height:17px; border-radius:5px; display:grid; place-items:center; background:color-mix(in srgb,var(--brand) 18%,transparent); color:var(--brand); font-size:.7rem; font-weight:900; }
.degrau-preco { margin:auto 0 0; padding-top:12px; border-top:1px dashed var(--line); color:var(--muted); font-size:.85rem; }
.degrau-preco strong { color:var(--ink); font-size:1.5rem; margin:0 2px; }
.degrau-preco em { display:block; font-style:normal; font-size:.8rem; }
.degrau .btn { margin-top:4px; width:100%; justify-content:center; }
.degrau-1 { min-height:440px; }
.degrau-2 { min-height:500px; border:1.5px solid var(--brand); box-shadow:0 30px 70px -30px color-mix(in srgb,var(--brand) 60%,transparent); }
.degrau-url--forte { border-color:var(--brand); background:color-mix(in srgb,var(--brand) 10%,transparent); }
.degrau-selo { position:absolute; top:-12px; right:18px; padding:5px 11px; border-radius:6px; background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.degrau-valores summary { cursor:pointer; color:var(--brand); font-weight:700; font-size:.82rem; }
.degrau-valores .tabela-dominio { margin-top:8px; }
.degrau-3 { min-height:560px; border-color:#c9a24a; background:linear-gradient(160deg,#1c1710 0%,#0f0d0a 70%); color:#f6efe2; }
.degrau-3 h3, .degrau-3 .degrau-preco strong { color:#f6efe2; }
.degrau-3 .degrau-tag, .degrau-3 .degrau-lista li::before { color:#e3c27a; }
.degrau-3 .degrau-lista li::before { background:rgba(227,194,122,.16); }
.degrau-3 .degrau-lista, .degrau-3 .degrau-preco { color:#cfc3ab; }
.degrau-3 .degrau-num { background:linear-gradient(135deg,#e3c27a,#a9822f); color:#1c1710; }
.degrau-url--ouro { border-color:rgba(227,194,122,.45); background:rgba(227,194,122,.08); color:#e3c27a; font-family:inherit; font-style:italic; }
.degrau-3 .degrau-preco { border-top-color:rgba(227,194,122,.3); }
.btn-ouro { background:linear-gradient(135deg,#e3c27a,#a9822f); color:#1c1710; border:0; font-weight:800; }
@media (max-width:900px) { .degrau-1, .degrau-2, .degrau-3 { min-height:0; } .degrau-2 { margin-top:10px; } }
.degraus { align-items:stretch; }
.degrau-1, .degrau-2, .degrau-3 { min-height:0; }
/* modelo ainda em produção: dá para ver, não dá para escolher */
.estilo-breve { justify-self:start; margin-top:6px; padding:7px 12px; border-radius:8px; border:1px dashed var(--line); color:var(--muted); font-size:.78rem; font-weight:700; cursor:default; }
.estilo-quero[hidden], .estilo-breve[hidden] { display:none; }