/* Toggle de tema PetSea — componente premium com profundidade real. */
.site-header .theme-toggle{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex:0 0 auto!important;
  width:104px!important;
  height:46px!important;
  min-width:104px!important;
  min-height:46px!important;
  margin-left:auto!important;
  padding:0 15px!important;
  overflow:hidden!important;
  isolation:isolate;
  border:1px solid rgba(74,224,237,.24)!important;
  border-radius:999px!important;
  background:
    linear-gradient(180deg,rgba(12,29,34,.98),rgba(3,15,19,.99))!important;
  color:#45e1ed!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -9px 20px rgba(0,0,0,.38),
    inset 0 0 0 3px rgba(0,0,0,.12),
    0 8px 20px rgba(0,0,0,.28),
    0 0 16px rgba(32,208,219,.08)!important;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:transform .2s ease,border-color .25s ease,box-shadow .25s ease!important;
}

.site-header .theme-toggle::before,
.site-header .theme-toggle::after{
  content:none!important;
  display:none!important;
}

.site-header .theme-toggle:hover{
  transform:translateY(-1px);
  border-color:rgba(74,224,237,.5)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -9px 20px rgba(0,0,0,.4),
    inset 0 0 0 3px rgba(0,0,0,.1),
    0 11px 25px rgba(0,0,0,.31),
    0 0 20px rgba(32,208,219,.13)!important;
}

.site-header .theme-toggle:active{transform:translateY(0) scale(.985)}
.site-header .theme-toggle:focus-visible{outline:2px solid #3ddce7!important;outline-offset:3px}

.theme-toggle__icon{
  position:relative;
  z-index:2;
  display:block;
  flex:0 0 auto;
  width:21px;
  height:21px;
  background:#45e1ed;
  filter:drop-shadow(0 0 6px rgba(69,225,237,.28));
  transition:opacity .25s ease,filter .25s ease,transform .25s ease;
}

.theme-toggle__icon--sun{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3.8' fill='black'/%3E%3Cg stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M19.1 4.9 17 7M7 17l-2.1 2.1'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='3.8' fill='black'/%3E%3Cg stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9 7 7M17 17l2.1 2.1M19.1 4.9 17 7M7 17l-2.1 2.1'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}

.theme-toggle__icon--moon{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.2 15.1A8.5 8.5 0 0 1 8.9 3.8 8.7 8.7 0 1 0 20.2 15.1Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.2 15.1A8.5 8.5 0 0 1 8.9 3.8 8.7 8.7 0 1 0 20.2 15.1Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}

.theme-toggle__thumb{
  position:absolute;
  z-index:4;
  top:4px;
  left:4px;
  width:36px;
  height:36px;
  border:1px solid rgba(215,236,241,.95);
  border-radius:50%;
  background:
    radial-gradient(circle at 31% 27%,#fff 0 17%,#f4f9fa 36%,#dde8eb 72%,#ccd9dd 100%);
  box-shadow:
    inset 2px 2px 3px rgba(255,255,255,.92),
    inset -3px -4px 8px rgba(115,145,153,.24),
    0 4px 8px rgba(0,0,0,.38),
    0 0 0 2px rgba(4,22,27,.42),
    0 0 11px rgba(69,225,237,.16);
  transform:translateX(0);
  transition:transform .32s cubic-bezier(.22,.78,.25,1),box-shadow .25s ease;
}

html[data-theme="dark"] .theme-toggle__thumb{transform:translateX(60px)}
html[data-theme="dark"] .theme-toggle__icon--sun{opacity:1;filter:drop-shadow(0 0 7px rgba(69,225,237,.38))}
html[data-theme="dark"] .theme-toggle__icon--moon{opacity:.42}
html[data-theme="light"] .theme-toggle__icon--sun{opacity:.42}
html[data-theme="light"] .theme-toggle__icon--moon{opacity:1;filter:drop-shadow(0 0 7px rgba(69,225,237,.38))}

/* A home já nasce com os componentes finais. Só a tabela de preço, que ainda
   é montada pelo módulo existente, fica invisível até a troca síncrona terminar. */
html.petsea-preboot #precos:not([data-size-pricing-ready="true"]) .section-title,
html.petsea-preboot #precos:not([data-size-pricing-ready="true"]) .pricing-grid,
html.petsea-preboot #precos:not([data-size-pricing-ready="true"]) .promo-banner{
  visibility:hidden!important;
}

/* Separação visual entre os blocos que ficaram adjacentes na nova home. */
#precos + #sobre{margin-top:34px}
#sobre .about-grid{column-gap:clamp(52px,6vw,82px)!important;row-gap:30px}
#sobre .about-grid>div:first-child{min-width:0;padding-right:clamp(0px,1.5vw,16px)}
#sobre .about-cards{min-width:0}

@media(max-width:650px){
  .site-header .theme-toggle{
    width:92px!important;
    height:40px!important;
    min-width:92px!important;
    min-height:40px!important;
    padding:0 12px!important;
  }
  .theme-toggle__icon{width:18px;height:18px}
  .theme-toggle__thumb{top:3px;left:3px;width:32px;height:32px}
  html[data-theme="dark"] .theme-toggle__thumb{transform:translateX(54px)}
  #precos + #sobre{margin-top:20px}
  #sobre .about-grid{column-gap:0!important;row-gap:24px!important}
  #sobre .about-grid>div:first-child{padding-right:0}
}

@media(prefers-reduced-motion:reduce){
  .site-header .theme-toggle,.theme-toggle__thumb,.theme-toggle__icon{transition:none!important}
}