/* Glowtto · regreso a la identidad visual del Sistema P&L (2026-10-25).
 * Fuente: glowtto_estado_resultados.html.
 * Capa de tema: NO altera imágenes, jerarquía de campañas, reglas de negocio,
 * dimensiones internas de los iconos corregidos ni funciones del panel.
 */
:root {
  --pnl-purple: #7138ce;
  --pnl-purple-dark: #422080;
  --pnl-purple-soft: #f3edff;
  --pnl-pink: #e84598;
  --pnl-ink: #241a3f;
  --pnl-muted: #78718b;
  --pnl-line: #e9e4f1;
  --pnl-paper: #f8f6fc;
  --pnl-shadow: 0 12px 34px rgba(67,32,102,.065);
  --pnl-gradient: linear-gradient(112deg,#47218d 0%,#7138ce 58%,#bc50b4 100%);

  /* Alias para componentes ya existentes; no sobreescribir colores del logo. */
  --purple: var(--pnl-purple);
  --purple-dark: var(--pnl-purple-dark);
  --lavender: #e5d8fa;
  --pink: var(--pnl-pink);
  --palepink: #f8eefb;
  --light: #fff;
  --ink: var(--pnl-ink);
  --muted: var(--pnl-muted);
  --border: var(--pnl-line);
  --shadow: var(--pnl-shadow);
}
html{background:var(--pnl-paper)}
body{background:var(--pnl-paper)!important;color:var(--pnl-ink);font-family:'Poppins',system-ui,sans-serif}
:where(button,a,input,textarea,select,[tabindex]):focus-visible{
  outline:3px solid #ad8bf0!important;
  outline-offset:3px;
}

/* Identidad reconocible del P&L sin oscurecer el logotipo oficial negro. */
header{
  background:linear-gradient(110deg,rgba(255,255,255,.99) 0%,#fbf8ff 55%,#f2eaff 100%)!important;
  border-bottom:1px solid var(--pnl-line)!important;
  box-shadow:0 5px 22px rgba(56,24,99,.07);
}
header::after{
  content:"";position:absolute;bottom:0;left:0;right:0;height:3px;
  background:var(--pnl-gradient);pointer-events:none;
}
.head-actions button:not(.brand){color:var(--pnl-purple-dark)!important}
.head-actions button:hover,.ghost:hover{background:#eee7fc!important}
.head-actions .cart-trigger{
  background:#f0e7ff!important;color:var(--pnl-purple-dark)!important;
  border:1px solid #ddcdf7!important;
  box-shadow:0 4px 12px rgba(86,43,146,.09)!important;
}
.cart-trigger b,.order-unread-count{background:var(--pnl-pink)!important;color:#fff!important}
.testbar{background:var(--pnl-gradient)!important;color:#fff!important}
main{color:var(--pnl-ink)}

/* Buscador + navegación: tarjeta de bienvenida inspirada en el hero P&L. */
#shopView{
  --ys-rose:var(--pnl-purple);
  --ys-ink:var(--pnl-ink);
  --ys-line:var(--pnl-line);
  --ys-paper:#fff;
}
/* ¡No cambiar fondo, imagen, textos, promociones o animaciones de banners!
 * Solo su marco, botones de interfaz y énfasis visual del sitio. */

#shopView .hero-carousel .hero-feature-link{color:var(--pnl-purple)!important}
#shopView .hero-carousel .hero-price-inline{color:#8c2ca0}
#shopView .hero-carousel .hero-arrow,
#shopView .top-carousel .top-carousel-arrow{
  color:var(--pnl-purple)!important;background:#fff!important;
  border:1px solid #d8c3f1!important;
}
#shopView .hero-carousel .hero-dots button.is-active,
#shopView .top-section .dots button.selected{background:var(--pnl-purple)!important}

/* Acciones, formularios y paneles de cliente/administración. */
.primary{
  background:var(--pnl-gradient)!important;color:#fff!important;
  border:1px solid transparent!important;border-radius:12px!important;
  box-shadow:0 7px 19px rgba(100,47,173,.17)!important;
}
.primary:hover{filter:brightness(1.06)!important}
.secondary{
  background:#fff!important;color:var(--pnl-purple)!important;
  border:1px solid #d9c7ef!important;border-radius:12px!important;
}
.secondary:hover{background:#f5efff!important}
.panel,.line-card,.stat-card,.fragrance-card{
  background:#fff!important;border-color:var(--pnl-line)!important;
  box-shadow:var(--pnl-shadow)!important;
}
.panel{border-radius:18px!important}
.line-card{border-radius:13px}
.stat-card{background:#f8f4ff!important}
.stat-card strong{color:var(--pnl-purple-dark)}
.tabs button,.admin-tabs button{
  color:#5d4680!important;background:#fff!important;
  border:1px solid var(--pnl-line)!important;border-radius:11px!important;
}
.tabs button.selected,.admin-tabs button.selected{
  color:var(--pnl-purple-dark)!important;
  background:#eee5ff!important;border-color:#cbb0f5!important;
  box-shadow:0 0 0 1px #d4c1ee;
}
.page-title h1,.page-title h2{color:var(--pnl-ink)!important}
.eyebrow{color:var(--pnl-purple)!important}
input:focus,textarea:focus,select:focus{
  outline:2px solid #c4b5fd!important;border-color:var(--pnl-purple)!important;
}
#adminView>.page-title{
  padding:24px 27px;margin:20px 0 21px;
  border-radius:21px;background:var(--pnl-gradient);
  box-shadow:0 14px 31px rgba(95,45,161,.16);
}
#adminView>.page-title h1,
#adminView>.page-title p,
#adminView>.page-title .eyebrow{color:#fff!important}
#adminView>.page-title .eyebrow{color:#ead6ff!important}
.pnl-hero{background:var(--pnl-gradient)!important}
.pnl-metric.net{background:linear-gradient(118deg,#5f2eae,#9b46be)!important}
#cartView>.page-title,#accountView>.page-title{border-bottom:1px solid var(--pnl-line)}

/* Pie de página y navegación móvil, iconos v2 sin recolorear. */
footer{background:#f1ebfb!important;border-top:1px solid #ded0ee!important;color:#665879!important}
footer strong{color:var(--pnl-purple-dark)!important}
.mobile-bottom{
  background:rgba(255,255,255,.97)!important;
  border-top:1px solid #dfd2ef!important;
  box-shadow:0 -6px 23px rgba(66,32,128,.075);
  backdrop-filter:blur(14px);
}
.mobile-bottom button{color:#6c528d!important}
.mobile-bottom button[data-view="shop"],.mobile-bottom button[aria-current="page"]{
  color:var(--pnl-purple)!important;
}
.mobile-bottom .g-icon,.head-actions .g-icon{
  /* Conservar escala, transparencia y cromatismo propio del paquete v2. */
  filter:none!important;
}
.glow-help-launcher{
  background:var(--pnl-gradient)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 9px 22px rgba(95,47,160,.22)!important;
}
.glow-help-dialog .glow-help-sheet{border-color:var(--pnl-line)!important}
:where(.panel,.product,.ys-category-card,.ys-product) :where(button,a):focus-visible{
  outline-color:var(--pnl-purple)!important;
}

@media(prefers-reduced-motion:reduce){
  .primary{transition:none!important}
}