/** Shopify CDN: Minification failed

Line 687:0 All "@import" rules must come first

**/
/* ============================================================
   JP PREMIUM CSS v3 - Jori Papel - Dark Premium
   Design System: Dark bg #060810, surface #0d1117, card #161b22
   Primary: #0057A8 | Secondary: #00A651 | Gold: #f5a623
   ============================================================ */

/* ======= CSS CUSTOM PROPERTIES ======= */
:root {
  --jp-bg: #060810;
  --jp-surface: #0d1117;
  --jp-card: #161b22;
  --jp-elevated: #1c2128;
  --jp-border: rgba(255,255,255,0.08);
  --jp-border-active: rgba(0,87,168,0.4);
  --jp-pri: #0057A8;
  --jp-pri-light: #4493f8;
  --jp-sec: #00A651;
  --jp-gold: #f5a623;
  --jp-text: #e6edf3;
  --jp-muted: #8b949e;
}

/* ======= TIPOGRAFIA BOLD ======= */
h1, h2, .h1, .h2,
.banner__heading,
.rich-text__heading,
.image-with-text__heading,
.multicolumn-list__item-heading,
.featured-collection .title {
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  line-height: 1.05 !important;
}
h1, .h1, .banner__heading { font-size: clamp(2.8rem, 7vw, 6rem) !important; }
h2, .h2, .rich-text__heading { font-size: clamp(2rem, 4.5vw, 3.8rem) !important; }
h3, .h3 { font-size: clamp(1.3rem, 2.5vw, 2rem) !important; }

/* ======= SELECTION COLOR ======= */
::selection {
  background: rgba(0,87,168,0.35);
  color: #e6edf3;
}
::-moz-selection {
  background: rgba(0,87,168,0.35);
  color: #e6edf3;
}

/* ======= SCROLLBAR CUSTOMIZADA ======= */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0d1117; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #0057A8, #00A651);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover { background: #4493f8; }

/* ======= SCROLL PROGRESS BAR ======= */
#jp-scroll-progress {
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  width: 0%;
  background: linear-gradient(90deg, #0057A8 0%, #00A651 50%, #0057A8 100%);
  background-size: 200%;
  z-index: 99999;
  transition: width 0.1s linear;
  animation: shimmerBar 2.5s linear infinite;
  pointer-events: none;
}
@keyframes shimmerBar {
  0% { background-position: 0% }
  100% { background-position: 200% }
}

/* ======= HEADER PREMIUM - DARK STICKY ======= */
.header-wrapper {
  background: rgba(6,8,16,0.85) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  transition: background 0.3s ease, box-shadow 0.3s ease !important;
}
sticky-header.jp-scrolled .header-wrapper,
.header-wrapper.jp-scrolled {
  background: rgba(6,8,16,0.95) !important;
  box-shadow: 0 4px 40px rgba(0,0,0,0.4) !important;
  border-bottom-color: rgba(0,87,168,0.2) !important;
}
.header__menu-item span {
  position: relative;
  font-weight: 700 !important;
  color: var(--jp-text) !important;
}
.header__menu-item span::after {
  content: '';
  position: absolute;
  bottom: -4px; left: 0;
  width: 0%; height: 2px;
  background: var(--jp-pri);
  transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.header__menu-item:hover span::after { width: 100%; }

/* ======= ANNOUNCEMENT BAR ======= */
.announcement-bar {
  background: linear-gradient(90deg, #003d7a, #0057A8, #005cbf, #0057A8, #003d7a) !important;
  background-size: 300% 100% !important;
  animation: announcementShimmer 5s ease infinite !important;
}
@keyframes announcementShimmer {
  0% { background-position: 0% 50% }
  50% { background-position: 100% 50% }
  100% { background-position: 0% 50% }
}

/* ======= BOTÕES PREMIUM ======= */
.button, .shopify-payment-button__button {
  background: var(--jp-pri) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-size: 0.75rem !important;
  padding: 16px 32px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}
.button::after {
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 60%; height: 100%;
  background: rgba(255,255,255,0.2);
  transform: skewX(-20deg);
  transition: left 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(0,87,168,0.4) !important;
}
.button:hover::after { left: 150%; }
.button--secondary {
  background: transparent !important;
  border: 2px solid var(--jp-pri) !important;
  color: var(--jp-pri-light) !important;
}
.button--secondary:hover {
  background: var(--jp-pri) !important;
  color: white !important;
}

/* ======= CARDS COM HOVER LIFT ======= */
.card-wrapper, .product-card-wrapper {
  background: var(--jp-card) !important;
  border: 1px solid var(--jp-border) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease !important;
}
.card-wrapper:hover, .product-card-wrapper:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 48px rgba(0,87,168,0.2) !important;
  border-color: var(--jp-border-active) !important;
}
.card__media img, .media img {
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.card-wrapper:hover .card__media img,
.card-wrapper:hover .media img {
  transform: scale(1.06) !important;
}

/* ======= HERO BANNER DARK ======= */
.banner { min-height: 85vh !important; }
.banner__media::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(6,8,16,0.9) 0%, rgba(6,8,16,0.5) 60%, transparent 100%) !important;
  z-index: 1 !important;
}
.banner__content { z-index: 2 !important; position: relative !important; }
.banner__heading {
  color: #fff !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.5) !important;
}

/* ======= SEÇÕES ALTERNADAS ======= */
.shopify-section { padding: 80px 0 !important; }
@media (max-width: 749px) { .shopify-section { padding: 48px 0 !important; } }

/* ======= SCROLL REVEAL com CSS puro ======= */
@supports (animation-timeline: scroll()) {
  .shopify-section:not(:first-child):not(.announcement-bar-section):not(.header-section) {
    animation: revealSection linear both;
    animation-timeline: view();
    animation-range: entry 0% entry 25%;
  }
  @keyframes revealSection {
    from { opacity: 0.3; transform: translateY(30px); }
    to   { opacity: 1;   transform: translateY(0); }
  }
}

/* ======= SCROLL REVEAL via JS ======= */
.jp-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.jp-reveal.jp-visible {
  opacity: 1;
  transform: translateY(0);
}
.jp-reveal-delay-1 { transition-delay: 0.1s; }
.jp-reveal-delay-2 { transition-delay: 0.2s; }
.jp-reveal-delay-3 { transition-delay: 0.3s; }
.jp-reveal-delay-4 { transition-delay: 0.4s; }

/* ======= MULTICOLUMN DARK CARDS ======= */
.multicolumn-list__item {
  background: var(--jp-card) !important;
  border: 1px solid var(--jp-border) !important;
  border-radius: 16px !important;
  padding: 32px 24px !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border-top: 3px solid var(--jp-pri) !important;
}
.multicolumn-list__item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 48px rgba(0,87,168,0.2) !important;
  border-top-color: var(--jp-sec) !important;
  border-color: var(--jp-border-active) !important;
}

/* ======= RICH TEXT SECTION ======= */
.rich-text {
  background: var(--jp-surface) !important;
  border-left: 4px solid var(--jp-pri) !important;
  border-radius: 16px !important;
  padding: 48px !important;
}

/* ======= IMAGE WITH TEXT ======= */
.image-with-text__content { padding: 48px !important; }

/* ======= FOOTER DARK ======= */
.footer {
  background: #080c14 !important;
  color: var(--jp-muted) !important;
  border-top: 1px solid rgba(255,255,255,0.04) !important;
}
.footer__heading {
  color: var(--jp-text) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
.footer__menu a, .footer a {
  color: var(--jp-muted) !important;
  transition: color 0.2s, transform 0.2s !important;
  display: inline-block !important;
}
.footer a:hover {
  color: var(--jp-text) !important;
  transform: translateX(4px) !important;
}
.footer__content-top {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  padding-bottom: 48px !important;
  margin-bottom: 24px !important;
}

/* ======= JP SECTIONS - CARDS DARK ======= */
.jp-beneficio-card {
  background: var(--jp-card) !important;
  border: 1px solid var(--jp-border) !important;
  border-radius: 16px !important;
  padding: 32px 24px !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border-top: 3px solid var(--jp-pri) !important;
  position: relative !important;
  overflow: hidden !important;
}
.jp-beneficio-card::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0; left: 0 !important;
  width: 0%; height: 3px !important;
  background: linear-gradient(90deg, var(--jp-pri), var(--jp-sec)) !important;
  transition: width 0.4s ease !important;
}
.jp-beneficio-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 48px rgba(0,87,168,0.2) !important;
  border-color: var(--jp-border-active) !important;
}
.jp-beneficio-card:hover::after { width: 100% !important; }

/* ======= DEPOIMENTOS DARK ======= */
.jp-depoimento-card {
  background: var(--jp-card) !important;
  border-radius: 16px !important;
  padding: 28px !important;
  border: 1px solid var(--jp-border) !important;
  border-left: 3px solid var(--jp-pri) !important;
  transition: transform 0.3s, box-shadow 0.3s !important;
}
.jp-depoimento-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 32px rgba(0,87,168,0.15) !important;
}
.jp-depoimento-card::before {
  content: '\201C' !important;
  font-size: 6rem !important;
  color: var(--jp-pri) !important;
  opacity: 0.15 !important;
  position: absolute !important;
  top: -10px; left: 16px !important;
  line-height: 1 !important;
  font-family: Georgia, serif !important;
}

/* ======= INPUTS DARK ======= */
.field__input, .select__select {
  background: var(--jp-elevated) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: var(--jp-text) !important;
  border-radius: 8px !important;
}
.field__input:focus, .select__select:focus {
  border-color: var(--jp-pri) !important;
  box-shadow: 0 0 0 3px rgba(0,87,168,0.2) !important;
  outline: none !important;
}
.field__input::placeholder { color: var(--jp-muted) !important; }

/* ======= BADGE / TAG ======= */
.badge {
  border-radius: 40px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-size: 0.65rem !important;
}

/* ======= AREA DO TIME BUTTON ======= */
.jp-areadotime-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(13,17,23,0.85);
  border: 1px solid rgba(0,87,168,0.35);
  border-radius: 50px;
  padding: 7px 14px;
  color: #4493f8 !important;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none !important;
  backdrop-filter: blur(12px);
  transition: all 0.2s;
  white-space: nowrap;
}
.jp-areadotime-btn:hover {
  background: rgba(0,87,168,0.15);
  border-color: rgba(0,87,168,0.6);
  box-shadow: 0 4px 16px rgba(0,87,168,0.25);
  transform: translateY(-1px);
  color: #79b8ff !important;
}
.jp-team-txt { display: none; }
@media (min-width: 990px) { .jp-team-txt { display: inline; } }

/* ── REDESIGN 2026 — Aetheos Level ── */

/* Header transparente no topo, blur no scroll */
.shopify-section-header-sticky header,
.section-header {
  background: transparent !important;
  transition: background 0.4s, backdrop-filter 0.4s;
}
.header-scrolled header,
.header-scrolled .section-header {
  background: rgba(6,8,16,0.92) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* Eyebrow text (usado por todos os novos snippets) */
.jh-eyebrow {
  font-size: 0.72rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #0057A8;
  font-weight: 700;
  margin-bottom: 16px;
  display: block;
}

/* Seções com mais espaço */
.jp-section { padding: 120px 0; }
@media (max-width: 768px) { .jp-section { padding: 80px 0; } }

/* Suporte SVH em browsers antigos */
@supports not (min-height: 100svh) {
  .jh-section { min-height: 100vh; }
}

/* Smooth scroll global */
html { scroll-behavior: smooth; }

/* ===== BLOG CARD TEXT VISIBILITY FIX ===== */
/* Remover overlay que bloqueia o texto */
.article-card .media::after,
.card--article .media::after,
.card .media::after {
  background: none !important;
  display: none !important;
}

/* Card info area — fundo dark visível */
.article-card__information,
.card--article .card__information,
.card__information {
  background: #161b22 !important;
  padding: 20px !important;
  border-radius: 0 0 12px 12px !important;
}

/* Título do artigo — BRANCO */
.article-card .card__heading,
.article-card .card__heading a,
.card--article .card__heading,
.card--article .card__heading a,
.card__heading, .card__heading a,
.article-card h2, .article-card h3,
.article-card a.full-unstyled-link {
  color: #e6edf3 !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

/* Descrição/excerpt — cinza claro */
.article-card__excerpt,
.card--article .card__excerpt,
.card__excerpt,
.article-card p {
  color: #8b949e !important;
  font-size: 0.9rem !important;
  line-height: 1.6 !important;
}

/* Data e autor */
.article-card .caption,
.article-card time,
.card--article time,
.card--article .caption {
  color: #6e7681 !important;
  font-size: 0.8rem !important;
}

/* Garantir que o card inteiro não tem overlay escuro */
.article-card,
.card--article,
.card-wrapper--article {
  background: #161b22 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
}

/* Imagem do card sem filtro escuro */
.article-card .card__media img,
.card--article .card__media img,
.article-card .media img {
  filter: brightness(0.9) !important;
  object-fit: cover !important;
}

/* Seta / link do artigo */
.article-card .link,
.card--article .link,
.article-card a.link {
  color: #4493f8 !important;
}
/* ===== ELIMINAR TODOS OS ESPAÇOS BRANCOS ===== */
/* Nuclear override — nenhuma seção pode ter fundo branco/claro */

/* Qualquer coisa com background branco ou claro */
[style*="background: #fff"],
[style*="background:#fff"],
[style*="background: white"],
[style*="background-color: #fff"],
[style*="background-color: white"],
[style*="background-color:#fff"],
[style*="background: rgb(255"],
[style*="background-color: rgb(255"] {
  background: #060810 !important;
  background-color: #060810 !important;
}

/* Seções Shopify — todas dark */
.shopify-section { background: #060810 !important; }
.shopify-section > * { background: #060810 !important; }

/* Classes de cor do Dawn que geram fundo branco */
.color-scheme-1,
.color-scheme--1,
[data-color-scheme="scheme-1"],
.section--padded,
.section-padding { background: #060810 !important; }

/* Seção de produtos em destaque */
.featured-product,
.featured-product__media-item,
.featured-product .product__media-wrapper,
.product-media-container,
.product__media-list,
.featured-collection,
.collection-list,
.product-grid { background: #060810 !important; }

/* Product recommendation / complementary */
.product-recommendations,
.complementary-products { background: #060810 !important; }

/* Seção com imagem e texto */
.image-with-text,
.image-with-text__content,
.image-with-text__media-item { background: #060810 !important; }

/* Marquee / announcement */
.announcement-bar,
.marquee { background: #0d1117 !important; }

/* Qualquer div/section sem classe específica */
main > section,
main > div,
#MainContent > section,
#MainContent > div {
  background: #060810 !important;
}

/* Forçar no main content */
#MainContent,
.main-content,
main { background: #060810 !important; }

/* Spacer / divider brancos */
.section-spacer,
hr { 
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.06) !important;
}

/* Swiper / carrossel */
.swiper, .swiper-wrapper, .swiper-slide { background: transparent !important; }
/* ===== HERO + HEADER Z-INDEX FIX ===== */

/* Header SEMPRE acima do hero e dropdowns visíveis */
.header, .section-header,
header.header, .shopify-section-group-header-group {
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
  background: rgba(6,8,16,0.92) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
}

/* Dropdown menus acima de tudo */
.header__submenu,
.mega-menu,
.menu-drawer,
.header__menu-item .header__submenu {
  z-index: 10001 !important;
  background: #0d1117 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6) !important;
}

/* Título do hero — reduzir no desktop para não conflitar com nav */
.jh-title {
  font-size: clamp(2.8rem, 5vw, 4.5rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.03em !important;
}

/* Hero z-index abaixo do header */
.jh-section, section.jh-section {
  z-index: 1 !important;
  position: relative !important;
}

/* Garantir que o hero não sobe acima do header */
.jh-body, .jh-orb, #jhCanvas {
  z-index: auto !important;
}
.jh-body { position: relative !important; z-index: 3 !important; }
.jh-orb { z-index: 1 !important; }
#jhCanvas { z-index: 2 !important; }

/* Texto do hero legível com padding-top adequado */
@media (min-width: 769px) {
  .jh-body {
    padding-top: 80px !important;
    min-height: 90vh !important;
  }
}

/* ===== HEADER DARK — LIMPO ===== */
/* Header dark sempre, compacto */
.header, header.header {
  background: rgba(6,8,16,0.95) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Logo horizontal — nunca em coluna */
.header__heading, .header__heading-link {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.06em !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

/* Garantir que o heading não vira coluna */
.header__heading .h2,
.header__heading span {
  display: inline !important;
  writing-mode: horizontal-tb !important;
  color: #fff !important;
  white-space: nowrap !important;
}

/* Ícones brancos */
.header__icon svg { stroke: #e6edf3 !important; }
.header__icon { color: #e6edf3 !important; }

/* Cart badge */
.cart-count-bubble { background: #0057A8 !important; color: #fff !important; }

/* Botão Área do Time compacto */
.jp-areadotime-btn {
  background: linear-gradient(135deg,#0057A8,#003d7a) !important;
  color: #fff !important;
  border-radius: 20px !important;
  padding: 6px 12px !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* Menu drawer dark */
.menu-drawer { background: #0d1117 !important; color: #e6edf3 !important; }
.menu-drawer a, .menu-drawer .link { color: #e6edf3 !important; }
.menu-drawer a:hover { color: #4493f8 !important; }
.menu-drawer details summary { color: #e6edf3 !important; }
.menu-drawer__close-button svg { stroke: #e6edf3 !important; }

/* Header sticky acima do hero */
.section-header, .shopify-section-group-header-group {
  position: sticky !important;
  top: 0 !important;
  z-index: 9000 !important;
}
/* ===== FONTE GLOBAL — DM Sans em tudo ===== */
/* Remove qualquer fonte display/comprimida */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900&display=swap');

*, *::before, *::after {
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif !important;
}

/* Títulos — DM Sans pesado mas legível */
h1, h2, h3, h4, h5, h6,
.title, .heading, .h1, .h2, .h3 {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}

/* Corpo de texto — peso normal */
p, li, span, a, label, input, select, textarea, button {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  letter-spacing: normal !important;
}

/* Nunca usar fontes condensed/display */
[style*="Syne"], [style*="Bebas"], [style*="Anton"],
[style*="Oswald"], [style*="Fjalla"] {
  font-family: 'DM Sans', sans-serif !important;
}
/* ===== ELIMINAR ESPAÇO BRANCO ACIMA DO HERO ===== */

/* Zerar margens do main content */
#MainContent { margin-top: 0 !important; padding-top: 0 !important; }
main { margin-top: 0 !important; padding-top: 0 !important; }

/* Primeira section após o header — sem margin */
.shopify-section:first-of-type,
#MainContent > .shopify-section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Section do hero sem padding extra */
.shopify-section:has(.jh-section) {
  margin: 0 !important;
  padding: 0 !important;
}

/* Header sem fundo branco — forçar dark em TODOS os estados */
.shopify-section-group-header-group,
.shopify-section-group-header-group .header,
.shopify-section-group-header-group header {
  background: rgba(6,8,16,0.97) !important;
  color: #e6edf3 !important;
}

/* Eliminar linha separadora branca do header */
.header.header--has-menu .header-wrapper,
.header-wrapper {
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* Dawn adiciona padding-bottom na section do header — zerar */
.shopify-section-group-header-group {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Anúncio bar desativada — garantir que não ocupa espaço */
.announcement-bar[style*="display: none"],
.section-announcement-bar:not([style]) {
  display: none !important;
  height: 0 !important;
}

/* Hero imagem de fundo — garantir que começa imediatamente */
.jh-section {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Texto do hero — cor forçada branca */
.jh-title { color: #ffffff !important; text-shadow: 0 2px 30px rgba(0,0,0,0.8) !important; }
.jh-sub { color: rgba(255,255,255,0.85) !important; text-shadow: 0 1px 10px rgba(0,0,0,0.6) !important; }
.jh-eyebrow { color: #60a5fa !important; }
.jh-stat-num { color: #ffffff !important; text-shadow: 0 2px 16px rgba(0,0,0,0.7) !important; }
.jh-stat-lbl { color: rgba(255,255,255,0.6) !important; }
/* ===== FIX ESPAÇO PRETO ACIMA DO HERO ===== */

/* "Pular para o conteúdo" — esconder esse link */
.skip-to-content-link,
a.skip-to-content-link {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Zerar todo padding/margin do body e layout */
body { margin: 0 !important; padding: 0 !important; }

/* Shopify adiciona padding-top no body quando há announcement bar */
body.shopify-features { padding-top: 0 !important; }

/* Remover qualquer espaço entre header e hero */
#shopify-section-group-header-group,
.shopify-section-group-header-group {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#MainContent,
main#MainContent,
.main-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Section do hero — colar no topo */
#MainContent > .shopify-section:first-child,
.shopify-section:has(.jh-section) {
  margin-top: 0 !important;
  padding-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Hero ocupa tela inteira — 100vh */
.jh-section {
  min-height: 100vh !important;
  min-height: 100dvh !important;
}

/* Conteúdo do hero — padding-top menor (header está sticky acima) */
.jh-body {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media (max-width: 768px) {
  .jh-section { min-height: 100svh !important; }
  .jh-body { padding-top: 60px !important; padding-bottom: 50px !important; }
}
/* ===== NEUTRALIZAR CLASSE GRADIENT DO DAWN ===== */
body.gradient {
  background: #060810 !important;
  /* Dawn usa gradient class para aplicar cores do scheme — forçar dark */
}

/* Remover qualquer gradient de background que não seja nosso */
body.gradient::before,
body.gradient::after {
  display: none !important;
  content: none !important;
}

/* Settings data scheme-1 pode ter sido sobrescrito — garantir dark */
:root {
  --color-background: 6, 8, 16 !important;
  --color-foreground: 230, 237, 243 !important;
  --color-base-background-1: 6, 8, 16 !important;
  --color-base-background-2: 13, 17, 23 !important;
  --color-base-solid-button-labels: 255, 255, 255 !important;
  --color-base-outline-button-labels: 230, 237, 243 !important;
  --color-base-text: 230, 237, 243 !important;
  --color-base-accent-1: 0, 87, 168 !important;
  --color-base-accent-2: 0, 166, 81 !important;
}
/* ===== FIX HEADER COMPACTO + TEXTO LEGÍVEL NA FOTO CLARA ===== */

/* Header — altura mínima, sem padding */
.header {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 52px !important;
  max-height: 52px !important;
  display: flex !important;
  align-items: center !important;
}

/* Remover qualquer linha extra no topo do header */
.header__heading-logo-wrapper { padding: 0 !important; margin: 0 !important; }
.header__heading { padding: 0 !important; }

/* Announcement bar desativada — altura zero */
.announcement-bar, .section-announcement-bar { 
  display: none !important; 
  height: 0 !important; 
  overflow: hidden !important;
}

/* TEXTO DO HERO na foto clara — sombra escura forte */
.jh-title {
  color: #ffffff !important;
  text-shadow: 
    0 2px 4px rgba(0,0,0,0.9),
    0 4px 20px rgba(0,0,0,0.8),
    0 8px 40px rgba(0,0,0,0.6) !important;
}

.jh-sub {
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.95), 0 1px 4px rgba(0,0,0,1) !important;
  font-weight: 600 !important;
}

.jh-eyebrow {
  background: rgba(0,0,0,0.55) !important;
  color: #60a5fa !important;
  border-color: rgba(96,165,250,0.4) !important;
  backdrop-filter: blur(8px) !important;
}

.jh-stat-num {
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,0.9) !important;
}
.jh-stat-lbl {
  color: rgba(255,255,255,0.85) !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.9) !important;
}
.jh-stats {
  border-top-color: rgba(255,255,255,0.3) !important;
}

/* Overlay do hero — mais escuro na área do texto */
.jh-overlay {
  background: linear-gradient(
    110deg,
    rgba(0,0,0,0.82) 0%,
    rgba(0,0,0,0.70) 30%,
    rgba(0,0,0,0.35) 60%,
    rgba(0,0,0,0.08) 100%
  ) !important;
}
/* ===== ZERAR ESPAÇOS ENTRE HEADER E HERO ===== */

/* Announcement bar — zero mesmo se não disabled */
.announcement-bar,
.section-announcement-bar,
#shopify-section-announcement-bar,
.shopify-section:has(.announcement-bar) {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Linha separadora do header — remover */
.header--has-menu .header-wrapper::after,
.header__line-separator,
.header ~ .shopify-section-separator {
  display: none !important;
}

/* Qualquer espaço entre o header-group e o MainContent */
.shopify-section-group-header-group + * { margin-top: 0 !important; }
.shopify-section-group-header-group { margin-bottom: 0 !important; padding-bottom: 0 !important; }

/* Hero — remover padding-top que estava gerando espaço */
.jh-section, section.jh-section { margin-top: 0 !important; }
.shopify-section:has(.jh-section) { margin-top: 0 !important; padding-top: 0 !important; }
/* ===== CUSTOM-LIQUID WRAPPER — não esconder o hero ===== */

/* Dawn injeta padding e background no wrapper do custom-liquid */
#shopify-section-template--20253399908551__jp_hero,
[id*="__jp_hero"] {
  padding: 0 !important;
  margin: 0 !important;
}

[id*="__jp_hero"] .custom-liquid,
[id*="__jp_hero"] > div {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

/* Garantir que a section-padding do Dawn não afeta o hero */
[id*="__jp_hero"] .section-template--padding,
[id*="__jp_hero"] [class*="-padding"] {
  padding: 0 !important;
}

/* Color scheme background-1 no hero — forçar transparente */
[id*="__jp_hero"] .color-background-1,
[id*="__jp_hero"] .color-scheme-background-1 {
  background: transparent !important;
}
/* ===== WRAPPER COLOR-SCHEME-1 DO HERO — zerar padding ===== */
[id*="__jp_hero"] .color-scheme-1,
[id*="__jp_hero"] .color-scheme-1.gradient,
[id*="__jp_hero"] > .color-scheme-1 {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

[id*="__jp_hero"] .color-scheme-1 > div,
[id*="__jp_hero"] .color-scheme-1 > div[class*="-padding"] {
  padding: 0 !important;
  margin: 0 !important;
}

/* Também para o blog e qualquer section com espaço preto */
[id*="__jp_blog"] .color-scheme-1,
[id*="__jp_marquee"] .color-scheme-1 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}