/* Glowtto · sistema de botones consistente, v8-73.
   Última hoja CSS. No afecta la jerarquía ni texto de descripciones;
   usa exclusivamente colores de la paleta administrable.
*/
:root{
 --gl-btn-ink:var(--theme-accent-strong,var(--pnl-purple-dark,#64285f));
 --gl-btn-accent:var(--theme-accent,var(--pnl-purple,#a2459c));
 --gl-btn-stroke:var(--theme-border,var(--pnl-line,#efdfeb));
 --gl-btn-soft:var(--theme-surface-soft,var(--pnl-purple-soft,#f9eaf7));
 --gl-btn-gradient:var(--theme-accent-gradient,var(--pnl-gradient));
 --gl-btn-radius:15px;
 --gl-btn-shadow:0 8px 20px color-mix(in srgb,var(--gl-btn-ink) 14%,transparent);
 --gl-btn-shadow-hover:0 11px 22px color-mix(in srgb,var(--gl-btn-ink) 18%,transparent);
}
/* Globales: botones con propósito sí; no transformar tabs, chips,
   botón transparente de logo ni destructivos con color de estado. */
:where(button.primary,button.secondary,button.ghost,
  a.primary,a.secondary,
  .glow-support-footer-button,#glowHelpSend){
 box-sizing:border-box;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:8px;
 min-width:0;
 min-height:40px;
 max-width:100%;
 line-height:1.3;
 text-align:center;
 vertical-align:middle;
 border-radius:var(--gl-btn-radius)!important;
 font-weight:750;
 text-decoration:none;
 -webkit-tap-highlight-color:transparent;
 transition:background .18s ease,color .18s ease,border-color .18s ease,
  box-shadow .18s ease,transform .18s ease;
}
:where(button.primary,a.primary){
 background:var(--gl-btn-gradient)!important;
 color:#fff!important;
 border:1px solid color-mix(in srgb,var(--gl-btn-accent) 58%,transparent)!important;
 box-shadow:var(--gl-btn-shadow)!important;
}
:where(button.secondary,a.secondary,button.ghost){
 color:var(--gl-btn-ink)!important;
 background:linear-gradient(165deg,#fff 12%,var(--gl-btn-soft) 100%)!important;
 border:1px solid var(--gl-btn-stroke)!important;
 box-shadow:0 4px 12px color-mix(in srgb,var(--gl-btn-ink) 7%,transparent)!important;
}
:where(button.primary,button.secondary,button.ghost,
 .glow-support-footer-button):not(:disabled):active{
 transform:translateY(1px) scale(.99);
 box-shadow:0 2px 7px color-mix(in srgb,var(--gl-btn-ink) 9%,transparent)!important;
}
@media(hover:hover){
 :where(button.primary,button.secondary,button.ghost,
 .glow-support-footer-button):not(:disabled):hover{
  transform:translateY(-1px);
  filter:none!important;
  box-shadow:var(--gl-btn-shadow-hover)!important;
 }
}
:where(button,a,summary,[role="button"]):focus-visible{
 outline:2px solid var(--gl-btn-accent)!important;
 outline-offset:3px!important;
}
button:disabled,[aria-disabled="true"]{
 cursor:not-allowed!important;
 opacity:.52;
 box-shadow:none!important;
 transform:none!important;
}
/* Acciones de producto nativo y perfume: dos botones alineados
   y con la misma altura aunque el texto sea más extenso. */
.product-sheet .detail-purchase-actions,
.fragrance-product-sheet .frag-buy-actions{
 display:grid!important;
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;
 align-items:stretch!important;
 margin:14px 0 12px!important;
 width:100%!important;
}
.product-sheet .detail-purchase-actions>button,
.fragrance-product-sheet .frag-buy-actions>button{
 box-sizing:border-box!important;
 display:inline-flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:center!important;
 gap:8px!important;
 width:100%!important;min-width:0!important;
 min-height:55px!important;height:auto!important;
 padding:12px 9px!important;
 border-radius:16px!important;
 font-size:clamp(11px,1.5vw,14px)!important;
 line-height:1.25!important;
 font-weight:800!important;
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 letter-spacing:-.015em;
 transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.product-sheet .detail-purchase-actions>.detail-add,
.fragrance-product-sheet .frag-buy-actions>button.secondary{
 background:linear-gradient(165deg,#fff 20%,var(--gl-btn-soft) 100%)!important;
 color:var(--gl-btn-ink)!important;
 border:1px solid var(--gl-btn-stroke)!important;
 box-shadow:0 6px 15px color-mix(in srgb,var(--gl-btn-ink) 9%,transparent)!important;
}
.product-sheet .detail-purchase-actions>.detail-buy,
.fragrance-product-sheet .frag-buy-actions>button.primary{
 background:var(--gl-btn-gradient)!important;
 color:#fff!important;
 border:1px solid color-mix(in srgb,var(--gl-btn-accent) 48%,transparent)!important;
 box-shadow:0 9px 21px color-mix(in srgb,var(--gl-btn-ink) 20%,transparent)!important;
}
.product-sheet .detail-purchase-actions>button:disabled,
.fragrance-product-sheet .frag-buy-actions>button:disabled{
 opacity:.5!important;box-shadow:none!important;
}
.product-sheet .glow-button-icon,
.fragrance-product-sheet .glow-button-icon{
 display:grid!important;place-items:center!important;
 flex:0 0 auto!important;
 width:29px!important;height:29px!important;
 border-radius:10px!important;
 background:color-mix(in srgb,var(--gl-btn-soft) 80%,white)!important;
 border:1px solid color-mix(in srgb,var(--gl-btn-stroke) 75%,white)!important;
}
.product-sheet .glow-button-icon .g-icon,
.fragrance-product-sheet .glow-button-icon .g-icon{
 display:block!important;
 width:21px!important;height:21px!important;max-width:21px!important;
 object-fit:contain!important;
 filter:none!important;
}
.glow-button-arrow{
 display:inline-grid!important;place-items:center!important;
 flex:0 0 auto;
 width:21px;height:21px;
 border-radius:50%;
 background:#ffffff2e;
 font-size:21px;line-height:1;
}
.product-sheet .detail-purchase-actions>button>span:not(.glow-button-icon):not(.glow-button-arrow),
.fragrance-product-sheet .frag-buy-actions>button>span:not(.glow-button-icon):not(.glow-button-arrow){
 overflow:hidden;text-overflow:ellipsis;
 min-width:0;white-space:nowrap;
}
/* Navegación del producto, galería y control de cierre con geometría común. */
.product-sheet .detail-product-nav button,
.fragrance-product-sheet .frag-product-navigation button{
 flex:0 0 auto!important;
 display:inline-grid!important;place-items:center!important;
 min-height:38px!important;
 background:linear-gradient(155deg,#fff,var(--gl-btn-soft))!important;
 color:var(--gl-btn-ink)!important;
 border:1px solid var(--gl-btn-stroke)!important;
 border-radius:12px!important;
 box-shadow:0 3px 10px color-mix(in srgb,var(--gl-btn-ink) 8%,transparent)!important;
 font-weight:800!important;
}
.product-sheet .detail-product-nav button{
 min-width:86px!important;padding:7px 11px!important;
 font-size:11px!important;
}
.fragrance-product-sheet .frag-product-navigation button{
 width:37px!important;height:37px!important;min-width:37px!important;
 padding:0!important;border-radius:50%!important;
 font-size:22px!important;
}
.product-sheet .detail-close,
.fragrance-product-sheet [data-frag-close]{
 display:grid!important;place-items:center!important;
 box-sizing:border-box!important;
 width:40px!important;height:40px!important;min-width:40px!important;
 padding:0!important;
 border-radius:50%!important;
 border:1px solid var(--gl-btn-stroke)!important;
 background:linear-gradient(145deg,#fff,var(--gl-btn-soft))!important;
 color:var(--gl-btn-ink)!important;
 box-shadow:0 5px 13px color-mix(in srgb,var(--gl-btn-ink) 13%,transparent)!important;
 font-size:24px!important;line-height:1!important;
}
.product-sheet .gallery-arrow,
.fragrance-product-sheet .frag-hero-prev,
.fragrance-product-sheet .frag-hero-next{
 display:grid!important;place-items:center!important;
 box-sizing:border-box!important;
 width:39px!important;height:39px!important;
 min-width:39px!important;min-height:39px!important;
 padding:0!important;border:1px solid var(--gl-btn-stroke)!important;
 border-radius:50%!important;
 background:color-mix(in srgb,#fff 95%,var(--gl-btn-soft))!important;
 color:var(--gl-btn-ink)!important;
 box-shadow:0 5px 14px color-mix(in srgb,var(--gl-btn-ink) 12%,transparent)!important;
 font-size:23px!important;line-height:1!important;
}
.product-sheet .gallery-arrow:hover{
 transform:translateY(-50%) scale(1.03)!important;
}
@media(hover:hover){
 .product-sheet .detail-product-nav button:hover,
 .fragrance-product-sheet .frag-product-navigation button:hover,
 .product-sheet .detail-close:hover,
 .fragrance-product-sheet [data-frag-close]:hover{
  background:var(--gl-btn-soft)!important;
  box-shadow:var(--gl-btn-shadow)!important;
 }
}
/* Catálogo, carrito y editor: unificar alturas sin retocar tabs, filtros,
   etiquetas de estado, ni botones destructivos o iconos. */
#shopView .product-purchase-actions,
#shopView .fragrance-card-actions,
#shopView .top-buy-actions{
 align-items:stretch!important;
 gap:8px!important;
}
#shopView .product-purchase-actions button,
#shopView .fragrance-card-actions button,
#shopView .top-buy-actions button{
 border-radius:12px!important;
 min-height:40px!important;
 padding:9px 7px!important;
 line-height:1.25!important;
 font-weight:750!important;
}
#shopView .top-buy-actions button{
 white-space:nowrap!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 font-size:clamp(10px,2.65vw,12px)!important;
}
#shopView .product-purchase-actions button,
#shopView .fragrance-card-actions button{
 white-space:normal!important;
 overflow-wrap:break-word;
}
#cartView button.primary,
#cartView button.secondary,
#accountView button.primary,
#accountView button.secondary,
#adminView button.primary,
#adminView button.secondary,
#glowHelpSend{
 min-height:42px;
 border-radius:12px!important;
}
/* Flechas de carruseles con tamaño uniforme, sin cambiar el desplazamiento */
#shopView .ys-rail-controls button,
#shopView .top-gallery-controls button,
#shopView .glow-immediate-controls button,
#shopView .hero-arrow{
 box-sizing:border-box!important;
 display:grid!important;place-items:center!important;
 width:36px!important;height:36px!important;
 min-width:36px!important;min-height:36px!important;
 padding:0!important;
 border:1px solid var(--gl-btn-stroke)!important;
 border-radius:11px!important;
 background:color-mix(in srgb,#fff 94%,var(--gl-btn-soft))!important;
 color:var(--gl-btn-ink)!important;
 box-shadow:0 3px 10px color-mix(in srgb,var(--gl-btn-ink) 8%,transparent)!important;
}
/* Barra fija de C8: conservar geometría, iconos y selección independiente */
.mobile-bottom button,.head-actions button{
 box-shadow:none!important;
}
@media(max-width:740px){
 .product-sheet .detail-purchase-actions,
 .fragrance-product-sheet .frag-buy-actions{
  gap:8px!important;
 }
 .product-sheet .detail-purchase-actions>button,
 .fragrance-product-sheet .frag-buy-actions>button{
  min-height:51px!important;
  padding:9px 6px!important;
  font-size:clamp(10px,2.85vw,13px)!important;
  border-radius:14px!important;
  gap:5px!important;
 }
 .product-sheet .glow-button-icon,
 .fragrance-product-sheet .glow-button-icon{
  width:25px!important;height:25px!important;border-radius:8px!important;
 }
 .product-sheet .glow-button-icon .g-icon,
 .fragrance-product-sheet .glow-button-icon .g-icon{
  width:19px!important;height:19px!important;max-width:19px!important;
 }
 .product-sheet .detail-product-nav button{
  min-width:70px!important;padding:7px 7px!important;
  font-size:10px!important;
 }
 .product-sheet .detail-close,
 .fragrance-product-sheet [data-frag-close]{
  width:36px!important;height:36px!important;min-width:36px!important;
 }
}
@media(max-width:375px){
 .product-sheet .detail-purchase-actions,
 .fragrance-product-sheet .frag-buy-actions{
  grid-template-columns:1fr!important;
  gap:7px!important;
 }
 .product-sheet .detail-purchase-actions>button,
 .fragrance-product-sheet .frag-buy-actions>button{
  min-height:44px!important;
  font-size:12px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 :where(button.primary,button.secondary,button.ghost,
 .product-sheet button,.fragrance-product-sheet button,
 #shopView .ys-rail-controls button,.mobile-bottom button){
  transition:none!important;
 }
 :where(button.primary,button.secondary,button.ghost):active{
  transform:none!important;
 }
}