/* Glowtto Color Boutique · vectorial plano, colores vivos y legibilidad móvil.
   Todos los pictogramas originales son sólidos, sin degradados, brillos ni sombras.
   Los fondos de la interfaz no tiñen los colores propios de cada icono. */
.g-icon{display:inline-block;box-sizing:border-box;width:22px;height:22px;vertical-align:middle;flex:none;overflow:hidden}
.g-icon--tiny{width:16px;height:16px}
.g-icon--large{width:28px;height:28px}
.g-icon--hero{width:45px;height:45px}
.g-with-icon{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;vertical-align:middle}
.g-with-icon .g-icon{flex:0 0 auto}
.head-actions button:not(.brand){align-items:center;justify-content:center;gap:6px}
.head-actions button[data-view="shop"],.head-actions button[data-view="account"],.head-actions .cart-trigger{display:inline-flex}
.head-actions .g-icon{width:19px;height:19px}
#adminBtn>.g-icon{width:21px;height:21px}
#adminOrderShortcut .g-icon{width:23px;height:23px}
.new-order-toast-icon .g-icon{width:21px;height:21px}
#glowQuickSearchForm>.g-icon{width:22px;height:22px}
.mobile-bottom button{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:49px;min-width:55px;line-height:1.2}
.mobile-bottom button>.g-icon{width:26px;height:26px}
.mobile-bottom button small{font-family:inherit;font-size:10px;font-weight:600}
.mobile-bottom button:focus-visible,.admin-tabs button:focus-visible,.g-with-icon:focus-visible{outline:2px solid #7746a6;outline-offset:3px}
#adminTabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;vertical-align:middle}
#adminTabs button>.g-icon{width:18px;height:18px}
#adminTabs button.selected>.g-icon{width:20px;height:20px}
#categoryPills button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#categoryPills .g-icon{width:22px;height:22px}
#glowShopCategoryNav button{display:inline-flex;gap:7px;align-items:center;justify-content:center}
#glowShopCategoryNav .g-icon{width:19px;height:19px}
#glowShopCategories .ys-category-image.g-category-art{background:#fcf7f5;border:1px solid #eee0e3}
#glowShopCategories .g-category-art .g-icon{width:min(65%,84px);height:min(65%,84px)}
/* Título: icono compacto, distinto del dibujo grande alternativo. */
#shopView #glowShopCategories .ys-category-card strong.ys-category-label{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;width:100%;line-height:1.3}
#glowShopCategories .ys-category-label-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;min-width:0;min-height:0;line-height:0}
#glowShopCategories .ys-category-label-icon>.g-icon{display:block;flex:0 0 24px;width:24px;height:24px;min-width:0;min-height:0;margin:0}
#glowShopCategories .ys-category-label-text{min-width:0;overflow-wrap:break-word}
#glowShopCategories .ys-category-card small{overflow-wrap:anywhere}
#glowMakeupGroups button,#glowMakeupSubchips button,#glowAccessoryGroups button,#glowAccessorySubtypes button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
#glowMakeupGroups .g-icon,#glowAccessoryGroups .g-icon{width:23px;height:23px}
#glowMakeupSubchips .g-icon,#glowAccessorySubtypes .g-icon{width:17px;height:17px}
#glowMakeupHomeGrid .glow-makeup-home-letter{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
#glowMakeupHomeGrid .glow-makeup-home-letter .g-icon{width:clamp(55px,7vw,85px);height:clamp(55px,7vw,85px)}
#glowAccessoryHomeGrid .glow-accessory-symbol .g-icon{width:43px;height:43px}
#glowBrandChips button,#glowBrandMore{display:inline-flex;align-items:center;gap:6px}
#glowBrandChips .g-icon,#glowBrandMore .g-icon{width:17px;height:17px}
#perfumeDiscovery .glow-discovery-mode button,#perfumeDiscovery .glow-filter-pills button,
#perfumeDiscovery .glow-brand-suggestions button,#perfumeDiscovery .glow-supplier-brands-heading button{
 display:inline-flex;align-items:center;justify-content:center;gap:6px}
#perfumeDiscovery .glow-discovery-mode .g-icon{width:20px;height:20px}
#perfumeDiscovery .glow-filter-pills .g-icon{width:19px;height:19px}
#perfumeDiscovery .glow-brand-suggestions .g-icon{width:16px;height:16px}
#perfumeDiscovery .glow-supplier-brands-heading .g-icon{width:17px;height:17px}
#perfumeDiscovery .glow-browse-labels .g-icon{width:14px;height:14px}
#perfumeDiscovery .glow-browse-labels{align-items:center}
#perfumeDiscovery .glow-browse-immediate{display:inline-flex;align-items:center;gap:4px}
#perfumeDiscovery .glow-browse-immediate .g-icon{width:13px;height:13px}
#perfumeDiscovery .glow-finder-options .glow-discovery-immediate{align-items:center}
#perfumeDiscovery .glow-finder-options .glow-discovery-immediate .g-icon{width:19px;height:19px}
.glow-supplier-brand-list button{gap:7px}
.glow-supplier-brand-list .g-icon{width:17px;height:17px}
.glow-category-visibility .glow-visibility-group h4{display:flex;align-items:center;gap:8px}
.glow-category-visibility .glow-visibility-group h4 .g-icon{width:23px;height:23px}
.glow-makeup-admin-group>h4,.glow-accessory-admin-group>h4{display:flex;align-items:center;gap:8px}
.glow-makeup-admin-group h4>.g-icon,.glow-accessory-admin-group h4>.g-icon{width:22px;height:22px}
.glow-help-launcher .g-icon{width:21px;height:21px}
.glow-help-launcher{display:inline-flex;align-items:center;gap:8px}
.glow-brand-tags .glow-brand-heading h3{display:flex;align-items:center;gap:8px}
.glow-brand-tags .glow-brand-heading h3 .g-icon{width:20px;height:20px}
@media(max-width:750px){
 #adminBtn .g-icon{display:block!important;width:23px;height:23px}
 .head-actions button[data-view="shop"],.head-actions button[data-view="account"]{display:none}
 .head-actions .cart-trigger .g-icon{width:18px;height:18px}
 .mobile-bottom{min-height:65px;padding-bottom:max(7px,env(safe-area-inset-bottom))}
 #glowShopCategoryNav .g-icon{width:18px;height:18px}
 #glowShopCategories .g-category-art .g-icon{width:56px;height:56px}
 .mobile-bottom button{min-width:0;flex:1 1 20%;max-width:20%;padding:6px 2px;box-sizing:border-box}
 .mobile-bottom button>.glow-mobile-icon{width:27px;height:27px;flex-basis:27px}
 .mobile-bottom button>small{font-size:10px;white-space:nowrap}
 #glowHelpLauncher.glow-help-launcher{display:none!important}
}
@media(max-width:375px){
 #adminBtn .g-icon{width:21px;height:21px}
 .head-actions .cart-trigger .g-icon{width:16px;height:16px}
 #glowShopCategories .g-category-art .g-icon{width:48px;height:48px}
}
@media(prefers-reduced-motion:reduce){.g-with-icon,.g-icon{transition:none!important;animation:none!important}}

/* Formulario interno: icono y nombre siempre comparten renglón. */
.g-field-caption{display:inline-flex;align-items:center;gap:5px;font-weight:650;line-height:1.35}
.g-field-caption>.g-icon{width:16px;height:16px}
.glow-brand-admin-title h3,.glow-visibility-row>strong,.glow-makeup-home-info b,.glow-accessory-home-card strong{
 display:inline-flex;align-items:center;gap:6px}
.glow-brand-admin-title .g-icon,.glow-visibility-row>strong>.g-icon{width:19px;height:19px}
#perfumeDiscovery .glow-browse-gender,#perfumeDiscovery .glow-featured-note,
#perfumeDiscovery .glow-card-brand,#perfumeDiscovery .glow-sheet-brand{
 display:inline-flex;align-items:center;gap:4px}
#perfumeDiscovery .fragrance-card-actions button,
#perfumeDiscovery .frag-buy-actions button{display:inline-flex;justify-content:center;align-items:center;gap:6px}
#perfumeDiscovery .fragrance-card-actions .g-icon{width:16px;height:16px}
#perfumeDiscovery .frag-delivery-note .g-icon{width:20px;height:20px;vertical-align:middle}
.glow-makeup-home-info .g-icon,.glow-accessory-home-card strong .g-icon{width:16px;height:16px}

/* Iconos raster aprobados. Medidas visuales las controla cada componente;
   la fuente se selecciona por nombre y densidad, sin recortar un atlas. */
.g-icon--asset{
 display:block;object-fit:contain;object-position:center;
 background:none!important;filter:none!important;box-shadow:none!important;
 max-width:100%;max-height:100%;
}
#categoryPills .g-icon--asset,.glow-makeup-groups .g-icon--asset,.glow-accessory-groups .g-icon--asset{width:24px;height:24px}
#glowShopCategories .g-category-art .g-icon--asset{width:clamp(52px,7vw,70px);height:clamp(52px,7vw,70px)}
@media(max-width:520px){.mobile-bottom .g-icon--asset{width:25px;height:25px}}

/* -----------------------------------------------------------------------
   Alineación centralizada · Glowtto Icon System
   Sustituye la antigua hoja glowtto-icon-alignment.css de reglas acumuladas.
   Los pictogramas aprobados se conservan; solo se controla su contenedor.
   Escalas: cabecera 22px, chips 22/19px, barra móvil 26px.
   ----------------------------------------------------------------------- */
.glow-nav-icon,.glow-mobile-icon,.glow-chip-icon,.glow-help-icon,.glow-header-social-icon{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;box-sizing:border-box;min-width:0;
  padding:0;border:0;background:transparent;overflow:hidden;
  line-height:0;vertical-align:middle;
}
.glow-nav-icon>.g-icon,.glow-mobile-icon>.g-icon,
.glow-chip-icon>.g-icon,.glow-help-icon>.g-icon,.glow-header-social-icon>.g-icon{
  display:block!important;width:100%!important;height:100%!important;
  max-width:100%;max-height:100%;box-sizing:border-box;
  margin:0!important;flex:none;transform:none!important;vertical-align:middle;
}
/* Cabecera: imagen, nombre y contador alineados de manera independiente. */
.head-inner{min-width:0}
.head-actions{display:flex;align-items:center;min-width:0;flex-wrap:nowrap}
.head-actions .glow-nav-action:not(.hidden){
  display:inline-flex;align-items:center;justify-content:center;
  flex-direction:row;gap:7px;min-height:40px;
  line-height:1.2;white-space:nowrap;vertical-align:middle;
}
.head-actions .glow-nav-action.hidden{display:none!important}
.head-actions .glow-nav-action>.glow-nav-icon{
  width:22px;height:22px;flex:0 0 22px;
}
#adminBtn.glow-nav-action>.glow-nav-icon{width:23px;height:23px;flex-basis:23px}
.head-actions .glow-nav-label,.head-actions .orders-shortcut-label{
  display:inline-block;min-width:0;line-height:1.2;white-space:nowrap;
}
.head-actions .header-orders .orders-shortcut-icon.glow-nav-icon{font-size:0;line-height:0!important}
.head-actions .header-orders .order-unread-count{flex:0 0 auto;line-height:1.35}
.head-actions .cart-trigger #cartCount{
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;align-self:center;line-height:1;
}
/* Navegación inferior: las etiquetas nunca desplazan los dibujos. */
.mobile-bottom button>.glow-mobile-icon{width:28px;height:28px;flex:0 0 28px}
.mobile-bottom button>.glow-mobile-icon>.g-icon{width:26px!important;height:26px!important}
.mobile-bottom button>small{display:block;margin:0;line-height:1.2}
/* Categorías: dibujo, etiqueta y estado se presentan en la misma línea. */
#categoryPills button,#glowMakeupGroups button,#glowMakeupSubchips button,
#glowAccessoryGroups button,#glowAccessorySubtypes button{
  display:inline-flex;align-items:center;justify-content:center;
  flex-direction:row;gap:7px;min-height:44px;
  max-width:100%;line-height:1.2;white-space:nowrap;vertical-align:middle;
}
#categoryPills .glow-chip-icon,
#glowMakeupGroups .glow-chip-icon,#glowAccessoryGroups .glow-chip-icon{
  width:22px;height:22px;flex:0 0 22px;
}
#glowMakeupSubchips .glow-chip-icon,#glowAccessorySubtypes .glow-chip-icon{
  width:19px;height:19px;flex:0 0 19px;
}
#categoryPills .glow-chip-label,#glowMakeupGroups .glow-chip-label,
#glowMakeupSubchips .glow-chip-label,#glowAccessoryGroups .glow-chip-label,
#glowAccessorySubtypes .glow-chip-label{
  display:inline-block;min-width:0;flex:0 1 auto;line-height:1.2;
}
.glow-chip-label{text-align:center}
#glowMakeupGroups .glow-chip-meta,#glowMakeupSubchips .glow-chip-meta,
#glowAccessoryGroups .glow-chip-meta,#glowAccessorySubtypes .glow-chip-meta{
  display:inline-flex;align-items:center;align-self:center;
  flex:0 0 auto;margin-left:2px!important;
  font-size:10px;font-weight:600;line-height:1;white-space:nowrap;color:#866f81;
}
#glowMakeupGroups button.selected .glow-chip-meta,#glowMakeupSubchips button.selected .glow-chip-meta,
#glowAccessoryGroups button.selected .glow-chip-meta,#glowAccessorySubtypes button.selected .glow-chip-meta{
  color:inherit;opacity:.85;
}
#glowMakeupGroups button:disabled .glow-chip-meta,#glowAccessoryGroups button:disabled .glow-chip-meta{color:#958592}
#glowMakeupGroups button:disabled,#glowAccessoryGroups button:disabled{cursor:not-allowed}
#categoryPills,#glowMakeupGroups,#glowMakeupSubchips,
#glowAccessoryGroups,#glowAccessorySubtypes{max-width:100%;min-width:0}
/* Ayuda y enlaces sociales. Instagram mantiene su SVG original a color. */
#glowHelpLauncher{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2}
#glowHelpLauncher>.glow-help-icon{width:21px;height:21px;flex:0 0 21px}
#glowHelpLauncher>.glow-help-label{white-space:nowrap;line-height:1.2}
.glow-header-social-link,.glow-social-links .glow-social-link{
  display:inline-flex!important;align-items:center;justify-content:center;
  flex-direction:row;gap:8px;line-height:1.25;text-decoration:none;
}
#glowHeaderSocialLinks{
  display:flex;align-items:center;justify-content:flex-end;
  flex-wrap:wrap;gap:10px;
}
#glowHeaderSocialLinks .glow-header-social-icon{width:23px;height:23px;flex:0 0 23px}
#glowHeaderSocialLinks .glow-header-social-icon>.g-icon{
  width:20px!important;height:20px!important;flex:0 0 20px;
}
#glowSocialLinks .glow-social-link,#glowSocialLinks .glow-social-pending{
  display:inline-flex;align-items:center;gap:8px;line-height:1.25;
}
#glowSocialLinks .glow-social-link>.g-icon,
#glowSocialLinks .glow-social-pending>.g-icon{width:18px!important;height:18px!important}
.glow-header-social-label{display:inline-block;line-height:1.25}
.glow-header-social-link:focus-visible,.glow-social-links .glow-social-link:focus-visible{
  outline:2px solid #9b4687;outline-offset:3px;
}
/* En tablet, reducir las acciones antes de acortar o tapar el logotipo. */
@media(min-width:751px) and (max-width:1100px){
  .head-inner{gap:8px!important;padding-inline:clamp(10px,2vw,19px)!important}
  .brand .brand-official-logo{width:clamp(145px,18vw,192px)!important}
  .head-actions{gap:clamp(0px,.3vw,5px)!important;flex:1 1 auto;justify-content:flex-end}
  .head-actions .glow-nav-action:not(.hidden){gap:5px;padding:7px 6px;font-size:clamp(11px,1.05vw,13px)}
  .head-actions .glow-nav-action>.glow-nav-icon{width:20px;height:20px;flex-basis:20px}
  #adminBtn.glow-nav-action>.glow-nav-icon{width:21px;height:21px;flex-basis:21px}
  .head-actions .header-orders.glow-nav-action{min-width:0;max-width:none;width:auto}
}
@media(max-width:750px){
  .mobile-bottom{display:flex!important}
  .head-actions .glow-nav-action[data-view="shop"],
  .head-actions .glow-nav-action[data-view="account"]{display:none!important}
  #adminBtn.glow-nav-action:not(.hidden){justify-content:center;gap:0}
  #adminBtn.glow-nav-action>.glow-nav-label,
  .head-actions .header-orders .glow-nav-label,
  #glowHelpLauncher>.glow-help-label{display:none!important}
  #glowHelpLauncher>.glow-help-icon{display:inline-flex!important}
  .mobile-bottom button>.glow-mobile-icon{display:inline-flex!important}
  #glowHeaderSocialLinks{justify-content:center;gap:8px}
  #categoryPills,#glowMakeupGroups,#glowMakeupSubchips,
  #glowAccessoryGroups,#glowAccessorySubtypes{
    display:flex;flex-wrap:nowrap;align-items:center;gap:8px;
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
    -webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;
  }
  #categoryPills::-webkit-scrollbar,#glowMakeupGroups::-webkit-scrollbar,
  #glowMakeupSubchips::-webkit-scrollbar,#glowAccessoryGroups::-webkit-scrollbar,
  #glowAccessorySubtypes::-webkit-scrollbar{display:none}
  #categoryPills button,#glowMakeupGroups button,#glowMakeupSubchips button,
  #glowAccessoryGroups button,#glowAccessorySubtypes button{
    flex:0 0 auto;scroll-snap-align:start;
  }
  #categoryPills .glow-chip-icon,
  #glowMakeupGroups .glow-chip-icon,#glowAccessoryGroups .glow-chip-icon{
    width:20px;height:20px;flex-basis:20px;
  }
}
@media(max-width:640px){
  .head-actions .cart-trigger.glow-nav-action:not(.hidden){gap:4px}
  .head-actions .cart-trigger>.glow-nav-icon{width:18px;height:18px;flex-basis:18px}
  #glowMakeupGroups button,#glowAccessoryGroups button{padding-inline:11px}
}
@media(max-width:390px){
  .head-actions .cart-trigger .glow-nav-label{
    position:absolute!important;width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;border:0!important;
    overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;
  }
  .head-actions .cart-trigger.glow-nav-action:not(.hidden){gap:5px}
  .head-actions .cart-trigger>.glow-nav-icon{width:20px;height:20px;flex-basis:20px}
}
@media(max-width:375px){
  #adminBtn.glow-nav-action>.glow-nav-icon{width:21px;height:21px;flex-basis:21px}
  #glowMakeupGroups button,#glowAccessoryGroups button{column-gap:5px}
}
@media(prefers-reduced-motion:reduce){
  .glow-nav-action,.glow-chip-icon,.glow-mobile-icon{
    transition:none!important;animation:none!important;
  }
}