body > #tt-loader:not(.tt-out) ~ .ck-back-row,
body > #tt-loader:not(.tt-out) ~ .ck-steps,
body > #tt-loader:not(.tt-out) ~ .ck-body {
  visibility: hidden !important;
  pointer-events: none !important;
}

html:has(#ck-steps),
html:has(#ck-steps) body,
html:has(#ck-steps) .ck-body {
  background: #FFF6FA !important;
  background-color: #FFF6FA !important;
  background-image: none !important;
  transition-property: none !important;
}

html body .ck-steps .ck-step,
html body .ck-steps .ck-step.active,
html body .ck-steps .ck-step.done {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html body .ck-steps .ck-step .ck-step-num {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  border: 2px solid #F1E4E7 !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #7B6F72 !important;
  box-shadow: 0 3px 10px rgba(173, 63, 103, 0.08) !important;
  overflow: hidden !important;
  flex: 0 0 34px !important;
}

html body .ck-steps .ck-step.active .ck-step-num,
html body .ck-steps .ck-step.done .ck-step-num {
  border-color: var(--tt-accent, #AD3F67) !important;
  background: var(--tt-accent, #AD3F67) !important;
  background-color: var(--tt-accent, #AD3F67) !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0 4px #FDECF2, 0 5px 14px rgba(173, 63, 103, 0.18) !important;
}

html body .ck-steps .ck-step-label {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body #tt-welcome-tutorial.tt-welcome-overlay {
  background: #FDECF2 !important;
  background-color: #FDECF2 !important;
  background-image: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;
}

html body #tt-welcome-tutorial .tt-welcome-card {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border: 1.5px solid #F1C8D5 !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

html body #tt-welcome-tutorial .tt-welcome-top {
  background: linear-gradient(135deg, #F6B7C8 0%, #FDECF2 100%) !important;
  background-color: #F6B7C8 !important;
  opacity: 1 !important;
}

html body #tt-welcome-tutorial .tt-welcome-body {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  opacity: 1 !important;
}

html body #tt-welcome-tutorial .tt-welcome-close,
html body #tt-welcome-tutorial .tt-welcome-icon,
html body #tt-welcome-tutorial .tt-welcome-btn:not(.tt-welcome-btn-primary) {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  opacity: 1 !important;
}

html body .tt-dropdown,
html body .tt-dropdown-grid,
html body .tt-search-panel,
html body .tt-search-results,
html body .tt-account-panel,
html body .tt-cart-drawer,
html body .tt-collections-sheet,
html body .tt-mobile-menu,
html body .tt-mobile-menu-header,
html body .tt-mobile-nav,
html body .tt-mobile-cats,
html body .tt-mobile-cats-grid,
html body .tt-tablet-menu,
html body .tt-tablet-nav,
html body .tt-tablet-cats,
html body .tt-tablet-cats-grid,
html body .tt-tablet-account-entry,
html body .tt-mobile-user {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border-color: #F1C8D5 !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  mix-blend-mode: normal !important;
}

html body .tt-dropdown,
html body .tt-search-panel,
html body .tt-search-results,
html body .tt-account-panel,
html body .tt-cart-drawer,
html body .tt-collections-sheet {
  box-shadow: 0 16px 40px rgba(82, 27, 49, 0.16) !important;
}

/* Los cuatro menús principales deben conservar una superficie blanca real y
   borde rosado, aunque una hoja previa declare fondos transparentes. Los IDs
   evitan afectar otros componentes del sitio. */
html body #tt-tienda-dropdown-panel,
html body #search-panel,
html body #account-panel,
html body #cart-drawer {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #F1C8D5 !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  mix-blend-mode: normal !important;
  isolation: isolate !important;
}

@media (min-width: 769px) {
  html body #tt-header-desktop-tablet.tt-header,
  html body .tt-header {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    border-bottom: 1px solid #F1E4E7 !important;
    box-shadow: 0 8px 24px rgba(173, 63, 103, 0.08) !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    mix-blend-mode: normal !important;
  }

  html body #tt-header-desktop-tablet #btn-tienda,
  html body #tt-header-desktop-tablet #btn-search,
  html body #tt-header-desktop-tablet #btn-cuenta,
  html body #tt-header-desktop-tablet #btn-cart,
  html body #tt-header-desktop-tablet #btn-tienda:hover,
  html body #tt-header-desktop-tablet #btn-search:hover,
  html body #tt-header-desktop-tablet #btn-cuenta:hover,
  html body #tt-header-desktop-tablet #btn-cart:hover,
  html body #tt-header-desktop-tablet #btn-tienda:focus-visible,
  html body #tt-header-desktop-tablet #btn-search:focus-visible,
  html body #tt-header-desktop-tablet #btn-cuenta:focus-visible,
  html body #tt-header-desktop-tablet #btn-cart:focus-visible,
  html body #tt-header-desktop-tablet #btn-tienda.active,
  html body #tt-header-desktop-tablet #btn-tienda[aria-expanded="true"],
  html body #tt-header-desktop-tablet #btn-search[aria-expanded="true"],
  html body #tt-header-desktop-tablet #btn-cuenta[aria-expanded="true"],
  html body #tt-header-desktop-tablet #btn-cart[aria-expanded="true"] {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid #F1C8D5 !important;
    opacity: 1 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    mix-blend-mode: normal !important;
  }
}

html:has(.login-page) #tt-loader,
html.tt-auth-silent-transition #tt-loader {
  background: #FFF6FA !important;
  background-color: #FFF6FA !important;
  background-image: none !important;
}

html:has(.login-page) #tt-loader-spin-wrap,
html.tt-auth-silent-transition #tt-loader-spin-wrap {
  display: none !important;
  visibility: hidden !important;
}

html:has(.login-page) body > #tt-loader:not(.tt-out) ~ *,
html.tt-auth-silent-transition body > #tt-loader:not(.tt-out) ~ * {
  visibility: hidden !important;
  pointer-events: none !important;
}

html body .adm-content > .adm-section:not(.active) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body .adm-content > .adm-section.active {
  display: block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body #section-welcome:not(.active) {
  display: none !important;
}