/** Shopify CDN: Minification failed

Line 3956:0 All "@import" rules must come first
Line 8199:0 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:announcement-bar (INDEX:0) */
.gu-anuncio {
    position: relative !important;
    width: 100% !important;
    z-index: 50 !important;
    overflow: hidden !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid rgba(26, 22, 20, 0.08) !important;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 9.5px !important;
    font-weight: 400 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
  }

  .gu-anuncio-overflow {
    overflow: hidden !important;
    width: 100% !important;
  }

  .gu-anuncio-track {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    animation: gu-marquee var(--gu-ticker-dur, 35s) linear infinite !important;
    will-change: transform !important;
  }

  .gu-anuncio-track:hover {
    animation-play-state: paused !important;
  }

  .gu-an-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    padding: 0 28px !important;
    white-space: nowrap !important;
  }

  .gu-anuncio-icono {
    display: inline-flex !important;
    font-size: 10px !important;
    opacity: 0.65 !important;
  }

  .gu-anuncio-texto {
    display: inline !important;
  }

  .gu-anuncio-sep {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 14px !important;
    line-height: 1 !important;
    opacity: 0.30 !important;
    flex-shrink: 0 !important;
    letter-spacing: 0 !important;
    font-weight: 300 !important;
  }

  @keyframes gu-marquee {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
  }

  @media (prefers-reduced-motion: reduce) {
    .gu-anuncio-track { animation: none !important; }
    .gu-anuncio-overflow { text-align: center !important; }
  }

  @media (min-width: 749px) {
    .gu-anuncio {
      padding: 10px 0 !important;
      font-size: 10px !important;
      letter-spacing: 0.18em !important;
    }
  }
/* END_SECTION:announcement-bar */

/* START_SECTION:gu-anuncio (INDEX:19) */
.gu-anuncio {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 10px 16px !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    text-align: center !important;
    z-index: 50 !important;
  }

  .gu-anuncio-pista {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 20px !important;
  }

  .gu-anuncio-item {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.6s ease, visibility 0.6s ease !important;
    color: inherit !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .gu-anuncio-item.gu-anuncio-activo {
    opacity: 1 !important;
    visibility: visible !important;
  }

  a.gu-anuncio-item:hover .gu-anuncio-texto {
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
  }

  .gu-anuncio-icono {
    display: inline-flex !important;
    font-size: 14px !important;
  }

  .gu-anuncio-texto {
    display: inline-block !important;
  }

  @media (min-width: 749px) {
    .gu-anuncio {
      padding: 12px 24px !important;
      font-size: 13px !important;
    }
  }

  @media (min-width: 990px) {
    .gu-anuncio {
      font-size: 14px !important;
    }
  }
/* END_SECTION:gu-anuncio */

/* START_SECTION:gu-armar-rutina (INDEX:20) */
/* ─── Base ─── */
  .gu-armar {
    background: #FAF7F2 !important;
    color: #1A1614 !important;
    font-family: 'Inter', sans-serif !important;
    line-height: 1.6 !important;
  }

  /* ─── Hero ─── */
  .gu-armar__hero {
    position: relative !important;
    width: 100% !important;
    min-height: 52vh !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .gu-armar__hero-media { position: absolute !important; inset: 0 !important; z-index: 0 !important; }
  .gu-armar__hero-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  .gu-armar__hero-overlay {
    position: absolute !important; inset: 0 !important; z-index: 1 !important;
    background: linear-gradient(180deg, rgba(26,22,20,0.10) 0%, rgba(26,22,20,0.55) 100%) !important;
  }
  .gu-armar__hero-inner { position: relative !important; z-index: 2 !important; padding: 60px 24px !important; max-width: 720px !important; color: #F7F2EC !important; }
  .gu-armar__hero-eyebrow {
    display: block !important;
    font-size: 10px !important; letter-spacing: 0.32em !important; text-transform: uppercase !important;
    color: #D4A574 !important; font-weight: 600 !important; margin-bottom: 18px !important;
  }
  .gu-armar__hero-titulo {
    margin: 0 0 12px !important; padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: clamp(32px, 7vw, 56px) !important;
    font-weight: 400 !important; line-height: 1.06 !important; letter-spacing: -0.01em !important;
  }
  .gu-armar__hero-sub {
    margin: 0 !important; font-size: clamp(14px, 2.4vw, 17px) !important;
    color: rgba(247,242,236,0.82) !important; letter-spacing: 0.02em !important;
  }

  /* ─── Body ─── */
  .gu-armar__body {
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: 40px 24px 80px !important;
  }

  /* ─── Mini-índice ─── */
  .gu-armar__indice {
    background: #FFFFFF !important;
    border: 1px solid rgba(201,169,110,0.22) !important;
    border-radius: 8px !important;
    padding: 18px 20px !important;
    margin: 0 0 48px !important;
  }
  .gu-armar__indice-label {
    display: block !important;
    font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 0.22em !important; text-transform: uppercase !important;
    color: #6B4A3A !important; margin-bottom: 12px !important;
  }
  .gu-armar__indice ul {
    list-style: none !important; margin: 0 !important; padding: 0 !important;
    display: flex !important; flex-wrap: wrap !important; gap: 8px 14px !important;
  }
  .gu-armar__indice a {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important; color: #1A1614 !important;
    text-decoration: none !important;
    padding-bottom: 2px !important;
    border-bottom: 1px solid transparent !important;
    transition: border-color 0.2s ease, color 0.2s ease !important;
  }
  .gu-armar__indice a:hover { border-bottom-color: #C9A96E !important; color: #6B4A3A !important; }

  /* ─── Sección ─── */
  .gu-armar__sec {
    margin: 0 0 56px !important;
    scroll-margin-top: 80px !important;
  }
  .gu-armar__sec-num {
    display: block !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: 26px !important;
    color: #C9A96E !important; line-height: 1 !important;
    margin-bottom: 12px !important; font-weight: 400 !important;
  }
  .gu-armar__h2 {
    margin: 0 0 16px !important; padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: clamp(24px, 4.5vw, 34px) !important;
    font-weight: 400 !important; line-height: 1.15 !important; color: #1A1614 !important;
  }
  .gu-armar__sec p {
    margin: 0 0 12px !important; padding: 0 !important;
    font-size: 15px !important; line-height: 1.7 !important;
    color: rgba(26,22,20,0.82) !important;
  }
  .gu-armar__sec strong { color: #1A1614 !important; font-weight: 600 !important; }

  /* ─── Imágenes ─── */
  .gu-armar__fig {
    margin: 0 -24px 36px !important;
    padding: 0 !important;
  }
  .gu-armar__fig img { width: 100% !important; height: auto !important; display: block !important; }

  /* ─── Grid 2 (rutina día/noche) ─── */
  .gu-armar__grid-dos {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin: 20px 0 16px !important;
  }
  .gu-armar__card-rutina {
    background: #FFFFFF !important;
    border: 1px solid rgba(201,169,110,0.24) !important;
    border-radius: 10px !important;
    padding: 24px 22px !important;
  }
  .gu-armar__card-rutina--dark {
    background: #1A1614 !important;
    border-color: #1A1614 !important;
    color: #F7F2EC !important;
  }
  .gu-armar__card-rutina--dark h3,
  .gu-armar__card-rutina--dark .gu-armar__pasos li strong,
  .gu-armar__card-rutina--dark .gu-armar__pasos li::before { color: #F7F2EC !important; }
  .gu-armar__card-rutina--dark .gu-armar__pasos li::before { color: #D4A574 !important; }
  .gu-armar__card-rutina--dark .gu-armar__pasos li span { color: rgba(247,242,236,0.65) !important; }
  .gu-armar__card-rutina--dark .gu-armar__card-eyebrow { color: #D4A574 !important; }
  .gu-armar__card-rutina--dark .gu-armar__pasos li { border-bottom-color: rgba(212,165,116,0.16) !important; }

  .gu-armar__card-eyebrow {
    display: block !important;
    font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 0.22em !important; text-transform: uppercase !important;
    color: #6B4A3A !important; margin-bottom: 8px !important;
  }
  .gu-armar__card-rutina h3 {
    margin: 0 0 16px !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: 22px !important;
    font-weight: 500 !important; color: #1A1614 !important;
  }
  .gu-armar__pasos {
    list-style: none !important; margin: 0 !important; padding: 0 !important;
    counter-reset: pasos-counter !important;
  }
  .gu-armar__pasos li {
    counter-increment: pasos-counter !important;
    position: relative !important;
    padding: 12px 0 12px 36px !important;
    border-bottom: 1px solid rgba(201,169,110,0.16) !important;
    font-size: 14px !important;
  }
  .gu-armar__pasos li:last-child { border-bottom: none !important; }
  .gu-armar__pasos li::before {
    content: counter(pasos-counter, decimal-leading-zero) !important;
    position: absolute !important; left: 0 !important; top: 11px !important;
    font-family: 'Cormorant Garamond', serif !important; font-style: italic !important;
    font-size: 18px !important; color: #C9A96E !important;
  }
  .gu-armar__pasos li strong {
    display: block !important;
    font-size: 14.5px !important; font-weight: 600 !important;
    color: #1A1614 !important; margin-bottom: 2px !important;
  }
  .gu-armar__pasos li span {
    font-size: 13px !important; color: rgba(26,22,20,0.6) !important;
    display: block !important;
  }

  .gu-armar__nota-inline {
    margin: 14px 0 0 !important;
    padding: 14px 18px !important;
    background: rgba(201,169,110,0.06) !important;
    border-left: 2px solid #C9A96E !important;
    font-size: 13px !important; line-height: 1.6 !important;
    color: rgba(26,22,20,0.75) !important; font-style: italic !important;
  }

  /* ─── Grid de cards (tipos + necesidades) ─── */
  .gu-armar__grid-cards {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 22px !important;
  }
  .gu-armar__tipo, .gu-armar__nec {
    background: #FFFFFF !important;
    border: 1px solid rgba(201,169,110,0.22) !important;
    border-radius: 8px !important;
    padding: 22px 22px !important;
  }
  .gu-armar__tipo h3, .gu-armar__nec h3 {
    margin: 0 0 12px !important; padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(201,169,110,0.22) !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: 22px !important;
    font-weight: 500 !important; color: #1A1614 !important;
  }
  .gu-armar__tipo-nec, .gu-armar__nec p:first-of-type {
    margin: 0 0 14px !important;
    font-size: 13.5px !important; line-height: 1.55 !important;
    color: rgba(26,22,20,0.72) !important;
  }
  .gu-armar__tipo-titulo {
    margin: 0 0 8px !important;
    font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 0.18em !important; text-transform: uppercase !important;
    color: #6B4A3A !important;
  }
  .gu-armar__tipo ul, .gu-armar__nec ul {
    list-style: none !important; margin: 0 !important; padding: 0 !important;
  }
  .gu-armar__tipo ul li, .gu-armar__nec ul li {
    position: relative !important;
    padding: 6px 0 6px 18px !important;
    font-size: 13.5px !important; line-height: 1.55 !important;
    color: rgba(26,22,20,0.82) !important;
  }
  .gu-armar__tipo ul li::before, .gu-armar__nec ul li::before {
    content: '◆' !important;
    position: absolute !important; left: 2px !important; top: 9px !important;
    font-size: 5px !important; color: #C9A96E !important;
    transform: rotate(45deg) !important;
  }
  .gu-armar__tipo-extra {
    margin: 14px 0 0 !important;
    padding: 10px 12px !important;
    background: rgba(201,169,110,0.08) !important;
    border-radius: 4px !important;
    font-size: 12.5px !important; line-height: 1.5 !important;
    color: rgba(26,22,20,0.72) !important;
  }

  /* ─── Productos (referencia rápida) ─── */
  .gu-armar__productos {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 20px !important;
  }
  .gu-armar__prod {
    background: #FFFFFF !important;
    border: 1px solid rgba(201,169,110,0.22) !important;
    border-radius: 6px !important;
    padding: 18px 20px !important;
  }
  .gu-armar__prod h4 {
    margin: 0 0 10px !important; padding: 0 !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 19px !important; font-weight: 500 !important;
    color: #1A1614 !important;
  }
  .gu-armar__prod p {
    margin: 0 0 4px !important; padding: 0 !important;
    font-size: 13px !important; line-height: 1.5 !important;
    color: rgba(26,22,20,0.78) !important;
  }
  .gu-armar__prod p:last-child { margin-bottom: 0 !important; }

  /* ─── Errores ─── */
  .gu-armar__errores {
    list-style: none !important; padding: 0 !important;
    margin: 20px 0 0 !important;
  }
  .gu-armar__errores li {
    padding: 14px 0 14px 28px !important;
    border-bottom: 1px solid rgba(201,169,110,0.16) !important;
    font-size: 14px !important; line-height: 1.65 !important;
    color: rgba(26,22,20,0.82) !important;
    position: relative !important;
  }
  .gu-armar__errores li:last-child { border-bottom: none !important; }
  .gu-armar__errores li::before {
    content: '✕' !important;
    position: absolute !important; left: 0 !important; top: 14px !important;
    font-size: 13px !important; color: #B8895F !important;
  }

  /* ─── Disclaimer (al pie) ─── */
  .gu-armar__disclaimer {
    margin: 28px 0 0 !important;
    padding: 16px 18px !important;
    background: rgba(201,169,110,0.06) !important;
    border-left: 2px solid #C9A96E !important;
    font-size: 12.5px !important; line-height: 1.6 !important;
    color: rgba(26,22,20,0.65) !important; font-style: italic !important;
  }

  /* ─── Cierre ─── */
  .gu-armar__sec--cierre {
    text-align: center !important;
    margin-top: 64px !important;
  }
  .gu-armar__sec--cierre p {
    font-size: 16px !important; line-height: 1.7 !important;
    max-width: 600px !important; margin: 0 auto !important;
  }

  /* ─── CTA Box ─── */
  .gu-armar__cta-box {
    background: #1A1614 !important;
    color: #F7F2EC !important;
    padding: 36px 26px !important;
    margin: 48px -24px 0 !important;
    text-align: center !important;
  }
  .gu-armar__cta-orn {
    color: #C9A96E !important; font-size: 14px !important;
    display: inline-block !important;
    transform: rotate(45deg) !important;
    margin-bottom: 14px !important;
  }
  .gu-armar__cta-box h3 {
    margin: 0 0 12px !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: clamp(22px, 4.5vw, 28px) !important;
    font-weight: 400 !important; color: #F7F2EC !important;
  }
  .gu-armar__cta-box p {
    margin: 0 auto 22px !important; padding: 0 !important;
    font-size: 14px !important; line-height: 1.6 !important;
    color: rgba(247,242,236,0.78) !important;
    max-width: 460px !important;
  }
  .gu-armar__cta-link {
    display: inline-flex !important; align-items: center !important; gap: 10px !important;
    padding: 14px 28px !important;
    background: #C9A96E !important; color: #1A1614 !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important; font-weight: 700 !important;
    letter-spacing: 0.18em !important; text-transform: uppercase !important;
    transition: background 0.25s ease, transform 0.2s ease !important;
  }
  .gu-armar__cta-link:hover { background: #b8945a !important; transform: translateY(-1px) !important; }
  .gu-armar__cta-arrow { transition: transform 0.25s ease !important; }
  .gu-armar__cta-link:hover .gu-armar__cta-arrow { transform: translateX(4px) !important; }
  .gu-armar__cta-extra {
    margin: 22px 0 0 !important;
    font-size: 12px !important;
    color: rgba(247,242,236,0.55) !important;
  }
  .gu-armar__cta-extra a { color: #C9A96E !important; text-decoration: underline !important; }
  .gu-armar__cta-extra a:hover { color: #D4A574 !important; }

  /* ─── Tablet ─── */
  @media (min-width: 750px) {
    .gu-armar__hero { min-height: 60vh !important; }
    .gu-armar__hero-inner { padding: 80px 40px !important; }
    .gu-armar__body { padding: 60px 40px 100px !important; }
    .gu-armar__fig { margin-left: -40px !important; margin-right: -40px !important; }
    .gu-armar__grid-dos { grid-template-columns: 1fr 1fr !important; gap: 18px !important; }
    .gu-armar__grid-cards { grid-template-columns: repeat(2, 1fr) !important; gap: 18px !important; }
    .gu-armar__productos { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
    .gu-armar__cta-box { margin-left: -40px !important; margin-right: -40px !important; padding: 52px 40px !important; }
  }

  @media (min-width: 990px) {
    .gu-armar__body { padding: 80px 0 120px !important; }
    .gu-armar__fig { margin-left: -60px !important; margin-right: -60px !important; }
    .gu-armar__grid-cards { grid-template-columns: repeat(3, 1fr) !important; }
    .gu-armar__productos { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
    .gu-armar__sec { margin-bottom: 72px !important; }
    .gu-armar__cta-box { margin-left: -60px !important; margin-right: -60px !important; padding: 64px 60px !important; }
  }
/* END_SECTION:gu-armar-rutina */

/* START_SECTION:gu-banner-editorial (INDEX:22) */
.gu-ed {
    width: 100% !important;
    padding: var(--gu-ed-pt-mobile, 60px) 16px var(--gu-ed-pb-mobile, 60px) !important;
    background: var(--gu-ed-bg, #ffe9e1) !important;
    color: var(--gu-ed-texto, #1a1a1a) !important;
    overflow: hidden !important;
  }

  .gu-ed-ocultar-mobile {
    display: none !important;
  }

  .gu-ed-contenedor {
    max-width: 1400px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
    align-items: center !important;
  }

  .gu-ed-visual {
    position: relative !important;
    width: 100% !important;
    max-width: 540px !important;
  }

  .gu-ed-imagen-marco {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background: var(--gu-ed-card-bg, #ffffff) !important;
    box-shadow: 0 30px 60px -24px rgba(0, 0, 0, 0.2) !important;
  }

  .gu-ed-imagen {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .gu-ed-placeholder {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(0, 0, 0, 0.2) !important;
    font-size: 64px !important;
  }

  .gu-ed-sello {
    position: absolute !important;
    top: -20px !important;
    right: -10px !important;
    width: 110px !important;
    height: 110px !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    animation: gu-ed-girar 18s linear infinite !important;
  }

  .gu-ed-sello-svg {
    width: 100% !important;
    height: 100% !important;
  }

  .gu-ed-sello-texto {
    fill: var(--gu-ed-texto, #1a1a1a) !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    font-family: inherit !important;
  }

  .gu-ed-sello-centro {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    color: var(--gu-ed-acento, #d4806f) !important;
    animation: gu-ed-girar-inverso 18s linear infinite !important;
  }

  .gu-ed-imagen-flotante {
    position: absolute !important;
    bottom: -24px !important;
    left: -20px !important;
    width: 38% !important;
    aspect-ratio: 1 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 24px 48px -20px rgba(0, 0, 0, 0.25) !important;
    background: var(--gu-ed-card-bg, #ffffff) !important;
    animation: gu-ed-flotar 7s ease-in-out infinite !important;
    z-index: 2 !important;
  }

  .gu-ed-imagen-flotante img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .gu-ed-texto {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    text-align: center !important;
    align-items: center !important;
  }

  .gu-ed-etiqueta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: inherit !important;
    opacity: 0.7 !important;
  }

  .gu-ed-etiqueta-linea {
    display: inline-block !important;
    width: 32px !important;
    height: 1px !important;
    background: currentColor !important;
  }

  .gu-ed-titulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 36px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    color: inherit !important;
  }

  .gu-ed-subtitulo {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 520px !important;
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: inherit !important;
    opacity: 0.82 !important;
  }

  .gu-ed-features {
    list-style: none !important;
    margin: 8px 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 520px !important;
  }

  .gu-ed-feature {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    text-align: left !important;
    padding: 14px 16px !important;
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 16px !important;
  }

  .gu-ed-feature-icono {
    flex-shrink: 0 !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
    background: var(--gu-ed-acento, #d4806f) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 16px !important;
  }

  .gu-ed-feature-textos {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  .gu-ed-feature-titulo {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: inherit !important;
    line-height: 1.3 !important;
  }

  .gu-ed-feature-descripcion {
    font-size: 12px !important;
    line-height: 1.4 !important;
    opacity: 0.72 !important;
  }

  .gu-ed-acciones {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 320px !important;
    margin-top: 8px !important;
  }

  .gu-ed-boton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 15px 28px !important;
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: 1.5px solid #1a1a1a !important;
    border-radius: 100px !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  }

  .gu-ed-boton:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;
  }

  .gu-ed-boton-ghost {
    background: transparent !important;
    color: #1a1a1a !important;
  }

  .gu-ed-boton-ghost:hover {
    background: #1a1a1a !important;
    color: #ffffff !important;
  }

  .gu-ed-boton-flecha {
    transition: transform 0.3s ease !important;
  }

  .gu-ed-boton:hover .gu-ed-boton-flecha {
    transform: translateX(4px) !important;
  }

  .gu-ed-firma {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-style: italic !important;
    opacity: 0.7 !important;
    margin-top: 8px !important;
  }

  .gu-ed-firma-icono {
    color: var(--gu-ed-acento, #d4806f) !important;
  }

  @keyframes gu-ed-girar {
    from { transform: rotate(0deg) !important; }
    to { transform: rotate(360deg) !important; }
  }

  @keyframes gu-ed-girar-inverso {
    from { transform: rotate(0deg) !important; }
    to { transform: rotate(-360deg) !important; }
  }

  @keyframes gu-ed-flotar {
    0%, 100% { transform: translateY(0px) !important; }
    50% { transform: translateY(-10px) !important; }
  }

  @media (min-width: 749px) {
    .gu-ed {
      padding: 80px 32px !important;
    }
    .gu-ed-titulo {
      font-size: 50px !important;
    }
    .gu-ed-subtitulo {
      font-size: 18px !important;
    }
    .gu-ed-sello {
      width: 140px !important;
      height: 140px !important;
    }
    .gu-ed-acciones {
      flex-direction: row !important;
      width: auto !important;
      max-width: none !important;
    }
  }

  @media (min-width: 990px) {
    .gu-ed {
      padding: var(--gu-ed-pt-desktop, 110px) 60px var(--gu-ed-pb-desktop, 110px) !important;
    }
    .gu-ed-contenedor {
      flex-direction: row !important;
      gap: 80px !important;
      align-items: center !important;
    }
    .gu-ed-invertido .gu-ed-contenedor {
      flex-direction: row-reverse !important;
    }
    .gu-ed-visual {
      flex: 1 !important;
      max-width: 600px !important;
    }
    .gu-ed-texto {
      flex: 1 !important;
      text-align: left !important;
      align-items: flex-start !important;
      gap: 26px !important;
    }
    .gu-ed-titulo {
      font-size: 72px !important;
      line-height: 1.02 !important;
    }
    .gu-ed-subtitulo {
      font-size: 19px !important;
    }
    .gu-ed-sello {
      width: 160px !important;
      height: 160px !important;
      top: -30px !important;
      right: -30px !important;
    }
    .gu-ed-sello-texto {
      font-size: 8px !important;
    }
    .gu-ed-sello-centro {
      font-size: 28px !important;
    }
    .gu-ed-ocultar-desktop {
      display: none !important;
    }
    .gu-ed-ocultar-mobile {
      display: block !important;
    }
  }
/* END_SECTION:gu-banner-editorial */

/* START_SECTION:gu-beauty-sale (INDEX:24) */
.gu-sale {
    position: relative !important;
    width: 100% !important;
    padding: var(--gu-sale-pt-mobile, 70px) 16px var(--gu-sale-pb-mobile, 70px) !important;
    background: var(--gu-sale-bg, #1a1a1a) !important;
    color: var(--gu-sale-texto, #ffffff) !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  .gu-sale-ocultar-mobile {
    display: none !important;
  }

  .gu-sale-decoracion {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  .gu-sale-blob {
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(80px) !important;
    opacity: 0.4 !important;
  }

  .gu-sale-blob-uno {
    width: 360px !important;
    height: 360px !important;
    top: -120px !important;
    right: -100px !important;
    background: var(--gu-sale-acento, #ff6b8a) !important;
  }

  .gu-sale-blob-dos {
    width: 320px !important;
    height: 320px !important;
    bottom: -100px !important;
    left: -100px !important;
    background: #ff9966 !important;
  }

  .gu-sale-sparkle {
    position: absolute !important;
    color: var(--gu-sale-acento, #ff6b8a) !important;
    animation: gu-sale-titilar 3s ease-in-out infinite !important;
  }

  .gu-sale-sparkle-uno {
    top: 12% !important;
    left: 8% !important;
    font-size: 18px !important;
    animation-delay: 0s !important;
  }

  .gu-sale-sparkle-dos {
    top: 30% !important;
    right: 12% !important;
    font-size: 14px !important;
    animation-delay: 1s !important;
  }

  .gu-sale-sparkle-tres {
    bottom: 18% !important;
    left: 20% !important;
    font-size: 16px !important;
    animation-delay: 2s !important;
  }

  @keyframes gu-sale-titilar {
    0%, 100% { opacity: 0.3 !important; transform: scale(1) !important; }
    50% { opacity: 0.8 !important; transform: scale(1.3) !important; }
  }

  .gu-sale-contenedor {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
  }

  .gu-sale-cabecera {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    align-items: flex-start !important;
  }

  .gu-sale-cabecera-textos {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .gu-sale-flag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 14px !important;
    background: var(--gu-sale-acento, #ff6b8a) !important;
    color: #ffffff !important;
    border-radius: 100px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    align-self: flex-start !important;
    animation: gu-sale-pulso 2s ease-in-out infinite !important;
  }

  @keyframes gu-sale-pulso {
    0%, 100% { transform: scale(1) !important; }
    50% { transform: scale(1.04) !important; }
  }

  .gu-sale-flag-icono {
    font-size: 14px !important;
  }

  .gu-sale-titulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 38px !important;
    line-height: 1.05 !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
    color: inherit !important;
  }

  .gu-sale-subtitulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: inherit !important;
    opacity: 0.78 !important;
    max-width: 540px !important;
  }

  .gu-sale-contador {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 14px 18px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 18px !important;
  }

  .gu-sale-contador-label {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    opacity: 0.7 !important;
  }

  .gu-sale-contador-grid {
    display: flex !important;
    gap: 12px !important;
  }

  .gu-sale-contador-cell {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important;
    min-width: 42px !important;
  }

  .gu-sale-contador-numero {
    font-family: inherit !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums !important;
  }

  .gu-sale-contador-unidad {
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    opacity: 0.65 !important;
  }

  .gu-sale-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .gu-sale-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    background: var(--gu-sale-card-bg, #ffffff) !important;
    color: #1a1a1a !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
    isolation: isolate !important;
  }

  .gu-sale-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 24px 48px -16px rgba(0, 0, 0, 0.4) !important;
  }

  .gu-sale-card-agotado {
    opacity: 0.65 !important;
  }

  .gu-sale-card-stamp {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 5 !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 50% !important;
    background: var(--gu-sale-acento, #ff6b8a) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    padding: 2px 4px !important;
    transform: rotate(-12deg) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
    font-family: inherit !important;
  }

  .gu-sale-card-stamp-numero {
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  .gu-sale-card-stamp-pct {
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    margin-right: 4px !important;
  }

  .gu-sale-card-stamp-off {
    position: absolute !important;
    bottom: 8px !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
  }

  .gu-sale-card-imagen-wrap {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
  }

  .gu-sale-card-imagen {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 16px !important;
    display: block !important;
    transition: transform 0.5s ease !important;
  }

  .gu-sale-card:hover .gu-sale-card-imagen {
    transform: scale(1.06) !important;
  }

  .gu-sale-card-placeholder {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(0, 0, 0, 0.12) !important;
    font-size: 48px !important;
  }

  .gu-sale-card-agotado-badge {
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    z-index: 4 !important;
    padding: 6px 11px !important;
    background: rgba(0, 0, 0, 0.85) !important;
    color: #ffffff !important;
    border-radius: 100px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
  }

  .gu-sale-card-info {
    padding: 14px 14px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  .gu-sale-card-vendor {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    opacity: 0.55 !important;
  }

  .gu-sale-card-titulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    color: inherit !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .gu-sale-card-precios {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    margin-top: 6px !important;
  }

  .gu-sale-card-precios-grupo {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  .gu-sale-card-precio-actual {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--gu-sale-acento, #ff6b8a) !important;
  }

  .gu-sale-card-precio-tachado {
    font-size: 12px !important;
    text-decoration: line-through !important;
    opacity: 0.45 !important;
    font-weight: 400 !important;
  }

  .gu-sale-card-ahorro {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: var(--gu-sale-acento, #ff6b8a) !important;
    letter-spacing: 0.04em !important;
  }

  .gu-sale-acciones {
    display: flex !important;
    justify-content: center !important;
    margin-top: 8px !important;
  }

  .gu-sale-boton {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 16px 32px !important;
    background: var(--gu-sale-acento, #ff6b8a) !important;
    color: #ffffff !important;
    border-radius: 100px !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  }

  .gu-sale-boton:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3) !important;
  }

  .gu-sale-boton-flecha {
    transition: transform 0.3s ease !important;
  }

  .gu-sale-boton:hover .gu-sale-boton-flecha {
    transform: translateX(4px) !important;
  }

  @media (min-width: 749px) {
    .gu-sale {
      padding: 90px 32px !important;
    }
    .gu-sale-cabecera {
      flex-direction: row !important;
      justify-content: space-between !important;
      align-items: flex-end !important;
      gap: 32px !important;
    }
    .gu-sale-titulo {
      font-size: 56px !important;
    }
    .gu-sale-subtitulo {
      font-size: 17px !important;
    }
    .gu-sale-grid {
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 20px !important;
    }
    .gu-sale-card {
      border-radius: 24px !important;
    }
    .gu-sale-card-info {
      padding: 18px 18px 22px !important;
    }
    .gu-sale-card-titulo {
      font-size: 15px !important;
    }
    .gu-sale-card-precio-actual {
      font-size: 18px !important;
    }
    .gu-sale-contador-numero {
      font-size: 28px !important;
    }
    .gu-sale-contador-cell {
      min-width: 52px !important;
    }
    .gu-sale-card-stamp {
      width: 70px !important;
      height: 70px !important;
    }
    .gu-sale-card-stamp-numero {
      font-size: 28px !important;
    }
  }

  @media (min-width: 990px) {
    .gu-sale {
      padding: var(--gu-sale-pt-desktop, 120px) 60px var(--gu-sale-pb-desktop, 120px) !important;
    }
    .gu-sale-titulo {
      font-size: 72px !important;
    }
    .gu-sale-grid {
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 24px !important;
    }
    .gu-sale-card-titulo {
      font-size: 16px !important;
    }
    .gu-sale-card-precio-actual {
      font-size: 20px !important;
    }
    .gu-sale-ocultar-desktop {
      display: none !important;
    }
    .gu-sale-ocultar-mobile {
      display: block !important;
    }
  }
/* END_SECTION:gu-beauty-sale */

/* START_SECTION:gu-bestsellers (INDEX:25) */
/* ── CONTENEDOR ─────────────────────────────────────────────────── */
.gubest {
  background: var(--gubest-bg, #FFFFFF);
}

/* ── HEADER ─────────────────────────────────────────────────────── */
.gubest__header {
  text-align: center;
  padding-bottom: 2.5rem;
}

.gubest__categoria {
  font-family: 'Inter', sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: var(--gubest-acento, #5C3D2E);
  margin: 0 0 0.6rem;
}

.gubest__titulo {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.1;
  color: #1A1614;
  margin: 0 0 1.4rem;
}

.gubest__header-rule {
  width: 36px;
  height: 1px;
  background: #E5D3BD;
  margin: 0 auto;
}

/* ── GRID — desktop ─────────────────────────────────────────────── */
.gubest__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.8rem 1.2rem;
}

@media screen and (min-width: 750px) {
  .gubest__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem 1.8rem;
  }
}

@media screen and (min-width: 990px) {
  .gubest__grid {
    grid-template-columns: repeat(var(--gubest-cols, 4), 1fr);
    gap: 2.8rem 2rem;
  }
}

/* ── CARRUSEL MOBILE ────────────────────────────────────────────── */
@media screen and (max-width: 749px) {
  .gubest__grid {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 1.5rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 1rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1rem;
  }
  .gubest__grid::-webkit-scrollbar {
    display: none;
  }
  .gubest__card {
    flex: 0 0 72%;
    scroll-snap-align: start;
  }
  .gubest__card:last-child {
    margin-right: 1.5rem;
  }
}

/* ── CARD ───────────────────────────────────────────────────────── */
.gubest__card {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* ── IMAGEN ─────────────────────────────────────────────────────── */
.gubest__card-media {
  display: block;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: #F7F2EC;
  flex-shrink: 0;
}

.gubest__card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.55s ease;
}

.gubest__card-media:hover .gubest__card-img {
  transform: scale(1.05);
}

.gubest__card-placeholder {
  width: 100%;
  height: 100%;
  background: #F0EAE3;
}

/* ── BODY ───────────────────────────────────────────────────────── */
.gubest__card-body {
  padding: 1rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  flex: 1;
}

.gubest__card-marca {
  font-family: 'Inter', sans-serif;
  font-size: 8.5px;
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: var(--gubest-acento, #5C3D2E);
  margin: 0;
}

.gubest__card-nombre {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(1rem, 2.5vw, 1.15rem);
  font-weight: 400;
  line-height: 1.2;
  color: #1A1614;
  margin: 0 0 0.5rem;
}

.gubest__card-link {
  color: inherit;
  text-decoration: none;
}

.gubest__card-link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ── BENEFITS ───────────────────────────────────────────────────── */
.gubest__card-benefits {
  list-style: none;
  margin: 0 0 0.8rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.gubest__card-benefit {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  font-family: 'Inter', sans-serif;
  font-size: 10.5px;
  font-weight: 300;
  line-height: 1.55;
  color: #3A2A20;
}

.gubest__bdot {
  color: var(--gubest-acento, #5C3D2E);
  flex-shrink: 0;
  margin-top: 1px;
}

/* ── PRECIO ─────────────────────────────────────────────────────── */
.gubest__card-precio {
  font-family: 'Inter', sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #1A1614;
  margin: 0 0 4px;
}
.gubest__card-transfer {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 0.65rem;
  flex-wrap: wrap;
}
.gubest__card-transfer-label {
  font-size: 9px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #9A8A7A;
  font-weight: 500;
}
.gubest__card-transfer-price {
  font-size: 0.95rem;
  font-weight: 700;
  color: #C9A96E;
}
.gubest__card-transfer-badge {
  font-size: 8px;
  background: #C9A96E;
  color: #fff;
  padding: 2px 6px;
  letter-spacing: 0.12em;
  font-weight: 600;
  text-transform: uppercase;
}

/* ── CTA LINK — Luxury button (alineado al fondo) ─────────────────── */
.gubest__card-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.7rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: #1A1614 !important;
  background: transparent !important;
  text-decoration: none !important;
  margin-top: auto !important;
  padding: 1rem 1.4rem !important;
  min-height: 44px !important;
  border: 1px solid #1A1614 !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  transition: color 0.5s ease, gap 0.5s ease, letter-spacing 0.5s ease, box-shadow 0.5s ease, transform 0.18s ease !important;
  cursor: pointer !important;
}

/* Fill espresso desde abajo hacia arriba */
.gubest__card-cta::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, #2A1F1A 0%, #1A1614 100%) !important;
  transform: translateY(101%) !important;
  transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  z-index: -2 !important;
}

/* Gold shimmer sweep en simultaneo */
.gubest__card-cta::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -130% !important;
  width: 70% !important;
  height: 100% !important;
  background: linear-gradient(
    100deg,
    transparent 0%,
    rgba(201, 169, 110, 0.18) 35%,
    rgba(232, 195, 130, 0.55) 50%,
    rgba(201, 169, 110, 0.18) 65%,
    transparent 100%
  ) !important;
  transition: left 0.85s ease 0.12s !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

.gubest__card-cta svg {
  transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), stroke 0.4s ease !important;
  position: relative !important;
  z-index: 1 !important;
  flex-shrink: 0 !important;
}

/* Estados hover/focus */
.gubest__card-cta:hover,
.gubest__card-cta:focus-visible {
  color: #F7F2EC !important;
  gap: 1.05rem !important;
  letter-spacing: 0.36em !important;
  border-color: #C9A96E !important;
  box-shadow:
    inset 0 0 0 1px rgba(232, 195, 130, 0.35),
    0 14px 30px -16px rgba(201, 169, 110, 0.55),
    0 8px 18px -10px rgba(26, 22, 20, 0.45) !important;
}

.gubest__card-cta:hover::before,
.gubest__card-cta:focus-visible::before {
  transform: translateY(0) !important;
}

.gubest__card-cta:hover::after,
.gubest__card-cta:focus-visible::after {
  left: 145% !important;
}

.gubest__card-cta:hover svg,
.gubest__card-cta:focus-visible svg {
  transform: translateX(6px) !important;
}

.gubest__card-cta:active {
  transform: scale(0.985) !important;
  transition-duration: 0.12s !important;
}

/* Asegurar que .gubest__card-body crece para empujar el CTA al fondo */
.gubest__card-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

/* ── EMPTY STATE ────────────────────��───────────────────────────── */
.gubest__empty {
  padding: 3rem 0;
  text-align: center;
}

.gubest__empty-msg {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  color: #9E9189;
  font-style: italic;
}

/* ── SCROLL REVEAL — HEADER ─────────────────────────────────────── */
[data-gubest-reveal] {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}

[data-gubest-reveal].gubest--visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── CARD ENTRANCE ANIMATION ────────────────────────────────────── */
/* Scale + fade — efecto "materializar" luxury */
.gubest__card {
  opacity: 0;
  transform: scale(0.93) translateY(16px);
  transition: opacity 0.58s ease, transform 0.58s cubic-bezier(0.22, 0, 0.12, 1);
}

.gubest__card.gubest--card-visible {
  opacity: 1;
  transform: scale(1) translateY(0);
}

/* Clones siempre visibles — son decorativos del loop */
.gubest__card--clone {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
  [data-gubest-reveal],
  .gubest__card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
/* END_SECTION:gu-bestsellers */

/* START_SECTION:gu-brands (INDEX:26) */
/* ════════════════════════════════════════════
   gu-brands — Glowup Makeup & Skincare
   Marquee de marcas con logo imagen o texto
   ════════════════════════════════════════════ */

.gu-brands {
  background-color: #FAF7F2;
  border-top:    1px solid #E5D3BD;
  border-bottom: 1px solid #E5D3BD;
  padding: 20px 0;
  overflow: hidden;
}

/* ── Heading ── */
.gu-brands__header {
  text-align: center;
  margin-bottom: 12px;
}

.gu-brands__heading {
  font-family: var(--font-body-family, sans-serif);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #1A1614;
  margin: 0;
  -webkit-text-stroke: 0.6px #8B6914;
  paint-order: stroke fill;
}

/* ── Track outer con fade lateral ── */
.gu-brands__track-outer {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 6%,
    #000 94%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 6%,
    #000 94%,
    transparent 100%
  );
}

/* ── Track animado ── */
.gu-brands__track {
  display: flex;
  width: max-content;
  animation: gu-brands-scroll var(--gu-brands-dur, 45s) linear infinite;
  will-change: transform;
}

.gu-brands__track--pausable:hover {
  animation-play-state: paused;
}

@keyframes gu-brands-scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .gu-brands__track {
    animation: none;
  }
  .gu-brands__track-outer {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }
}

/* ── Lista ── */
.gu-brands__list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
}

/* ── Item de marca ── */
.gu-brands__item {
  flex-shrink: 0;
  padding: 0 14px;
  display: flex;
  align-items: center;
}

.gu-brands__link {
  display: flex;
  align-items: center;
  text-decoration: none;
}

/* ── Logo imagen ── */
.gu-brands__logo-img {
  display: block;
  height: 22px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  filter: grayscale(100%);
  opacity: 0.55;
  transition: opacity 0.28s ease, filter 0.28s ease;
}

/* Logos con lockup complejo (tagline, 2 líneas) → reducir */
.gu-brands__item[data-brand="haus-labs"]       .gu-brands__logo-img { height: 20px; }
.gu-brands__item[data-brand="medicube"]        .gu-brands__logo-img { height: 22px; }

/* Logos grandes → ajustar a talla media */
.gu-brands__item[data-brand="natasha-denona"]  .gu-brands__logo-img { height: 18px; }
.gu-brands__item[data-brand="beauty-of-joseon"]      .gu-brands__logo-img { height: 14px; }
.gu-brands__item[data-brand="anastasia-beverly-hills"].gu-brands__logo-img { height: 16px; }
.gu-brands__item[data-brand="anua"]            .gu-brands__logo-img { height: 24px; }
.gu-brands__item[data-brand="gucci-beauty"]    .gu-brands__logo-img { height: 20px; }
.gu-brands__item[data-brand="too-faced"]       .gu-brands__logo-text { font-size: 1.0rem; letter-spacing: 0.18em; }

.gu-brands__item:hover .gu-brands__logo-img {
  opacity: 0.85;
  filter: grayscale(30%);
}

/* ── Logo texto ── */
.gu-brands__logo-text {
  font-family: var(--font-body-family, 'Inter', sans-serif);
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #1A1614;
  opacity: 0.55;
  transition: opacity 0.28s ease;
  white-space: nowrap;
}

.gu-brands__item:hover .gu-brands__logo-text {
  opacity: 0.9;
}

/* ── Separador ── */
.gu-brands__sep {
  flex-shrink: 0;
  color: #C9A96E;
  opacity: 0.4;
  display: flex;
  align-items: center;
  line-height: 0;
  padding: 0 2px;
}

/* ── Desktop ── */
@media screen and (min-width: 750px) {
  .gu-brands {
    padding: 44px 0;
  }

  .gu-brands__logo-img {
    height: 38px;
    max-width: 270px;
  }

  .gu-brands__item[data-brand="haus-labs"]       .gu-brands__logo-img { height: 22px; }
  .gu-brands__item[data-brand="medicube"]        .gu-brands__logo-img { height: 25px; }
  .gu-brands__item[data-brand="natasha-denona"]  .gu-brands__logo-img { height: 20px; }
  .gu-brands__item[data-brand="beauty-of-joseon"]      .gu-brands__logo-img { height: 16px; }
  .gu-brands__item[data-brand="anastasia-beverly-hills"].gu-brands__logo-img { height: 18px; }
  .gu-brands__item[data-brand="anua"]            .gu-brands__logo-img { height: 27px; }
  .gu-brands__item[data-brand="gucci-beauty"]    .gu-brands__logo-img { height: 22px; }
  .gu-brands__item[data-brand="too-faced"]       .gu-brands__logo-text { font-size: 1.6rem; }

  .gu-brands__logo-text {
    font-size: 0.94rem;
  }

  .gu-brands__item {
    padding: 0 38px;
  }
}

@media screen and (min-width: 990px) {
  .gu-brands {
    padding: 48px 0;
  }

  .gu-brands__logo-img {
    height: 42px;
    max-width: 290px;
  }

  .gu-brands__item[data-brand="haus-labs"]       .gu-brands__logo-img { height: 24px; }
  .gu-brands__item[data-brand="medicube"]        .gu-brands__logo-img { height: 27px; }
  .gu-brands__item[data-brand="natasha-denona"]  .gu-brands__logo-img { height: 22px; }
  .gu-brands__item[data-brand="beauty-of-joseon"]      .gu-brands__logo-img { height: 18px; }
  .gu-brands__item[data-brand="anastasia-beverly-hills"].gu-brands__logo-img { height: 20px; }
  .gu-brands__item[data-brand="anua"]            .gu-brands__logo-img { height: 30px; }
  .gu-brands__item[data-brand="gucci-beauty"]    .gu-brands__logo-img { height: 24px; }
  .gu-brands__item[data-brand="too-faced"]       .gu-brands__logo-text { font-size: 1.65rem; }

  .gu-brands__item {
    padding: 0 44px;
  }
}
/* END_SECTION:gu-brands */

/* START_SECTION:gu-categorias (INDEX:28) */
.gu-cats {
    width: 100% !important;
    padding: var(--gu-cats-pt-mobile, 60px) 16px var(--gu-cats-pb-mobile, 60px) !important;
    background: var(--gu-cats-bg, #faf3e7) !important;
    color: var(--gu-cats-texto, #1a1a1a) !important;
    overflow: hidden !important;
  }

  .gu-cats-ocultar-mobile {
    display: none !important;
  }

  .gu-cats-contenedor {
    max-width: 1400px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
  }

  .gu-cats-cabecera {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    max-width: 720px !important;
    margin: 0 auto !important;
  }

  .gu-cats-etiqueta {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    opacity: 0.6 !important;
  }

  .gu-cats-titulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 34px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    color: inherit !important;
  }

  .gu-cats-subtitulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    color: inherit !important;
    opacity: 0.75 !important;
  }

  .gu-cats-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--gu-cats-cols-mobile, 2), 1fr) !important;
    gap: 12px !important;
  }

  .gu-cats-tarjeta {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: var(--gu-cat-bg, #ffe9e1) !important;
    color: var(--gu-cat-texto, #1a1a1a) !important;
    text-decoration: none !important;
    aspect-ratio: 3 / 4 !important;
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
    isolation: isolate !important;
  }

  .gu-cats-tarjeta:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 24px 48px -16px rgba(0, 0, 0, 0.2) !important;
  }

  .gu-cats-tarjeta-fondo {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  .gu-cats-tarjeta-blob {
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(40px) !important;
    background: var(--gu-cat-acento, #ffffff) !important;
    opacity: 0.5 !important;
  }

  .gu-cats-tarjeta-blob-uno {
    width: 70% !important;
    height: 70% !important;
    top: -20% !important;
    right: -20% !important;
  }

  .gu-cats-tarjeta-blob-dos {
    width: 50% !important;
    height: 50% !important;
    bottom: -10% !important;
    left: -10% !important;
    opacity: 0.3 !important;
  }

  .gu-cats-tarjeta-contenido {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    padding: 16px !important;
  }

  .gu-cats-tarjeta-etiqueta {
    display: inline-block !important;
    align-self: flex-start !important;
    padding: 5px 10px !important;
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-radius: 100px !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: inherit !important;
  }

  .gu-cats-tarjeta-imagen-wrap {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 0 !important;
    margin-top: 8px !important;
  }

  .gu-cats-tarjeta-imagen {
    max-width: 85% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    transition: transform 0.5s ease !important;
  }

  .gu-cats-tarjeta:hover .gu-cats-tarjeta-imagen {
    transform: scale(1.06) rotate(-2deg) !important;
  }

  .gu-cats-tarjeta-icono-wrap {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .gu-cats-tarjeta-icono {
    font-size: 56px !important;
    line-height: 1 !important;
    transition: transform 0.4s ease !important;
  }

  .gu-cats-tarjeta:hover .gu-cats-tarjeta-icono {
    transform: scale(1.15) rotate(-5deg) !important;
  }

  .gu-cats-tarjeta-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    margin-top: auto !important;
  }

  .gu-cats-tarjeta-titulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    color: inherit !important;
  }

  .gu-cats-tarjeta-descripcion {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    color: inherit !important;
    opacity: 0.75 !important;
  }

  .gu-cats-tarjeta-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: inherit !important;
  }

  .gu-cats-tarjeta-flecha {
    transition: transform 0.3s ease !important;
  }

  .gu-cats-tarjeta:hover .gu-cats-tarjeta-flecha {
    transform: translateX(4px) !important;
  }

  @media (min-width: 749px) {
    .gu-cats {
      padding: 80px 32px !important;
    }
    .gu-cats-grid {
      gap: 20px !important;
    }
    .gu-cats-tarjeta {
      border-radius: 32px !important;
    }
    .gu-cats-tarjeta-contenido {
      padding: 24px !important;
    }
    .gu-cats-tarjeta-titulo {
      font-size: 22px !important;
    }
    .gu-cats-tarjeta-descripcion {
      font-size: 13px !important;
    }
    .gu-cats-titulo {
      font-size: 44px !important;
    }
    .gu-cats-subtitulo {
      font-size: 17px !important;
    }
  }

  @media (min-width: 990px) {
    .gu-cats {
      padding: var(--gu-cats-pt-desktop, 100px) 60px var(--gu-cats-pb-desktop, 100px) !important;
    }
    .gu-cats-grid {
      grid-template-columns: repeat(var(--gu-cats-cols-desktop, 4), 1fr) !important;
      gap: 24px !important;
    }
    .gu-cats-tarjeta-contenido {
      padding: 28px !important;
    }
    .gu-cats-tarjeta-titulo {
      font-size: 26px !important;
    }
    .gu-cats-tarjeta-descripcion {
      font-size: 14px !important;
    }
    .gu-cats-titulo {
      font-size: 56px !important;
    }
    .gu-cats-tarjeta-cta {
      font-size: 12px !important;
    }
    .gu-cats-ocultar-desktop {
      display: none !important;
    }
    .gu-cats-ocultar-mobile {
      display: block !important;
    }
  }
/* END_SECTION:gu-categorias */

/* START_SECTION:gu-elegir-base (INDEX:33) */
/* ─── Base — Glam rose-cream ─── */
  .gu-base {
    background: linear-gradient(180deg, #F8F0EA 0%, #FAF7F2 50%) !important;
    color: #1A1614 !important;
    font-family: 'Inter', sans-serif !important;
    line-height: 1.6 !important;
  }

  /* ─── Hero ─── */
  .gu-base__hero {
    position: relative !important; width: 100% !important;
    min-height: 56vh !important; overflow: hidden !important;
    display: flex !important; align-items: center !important;
    justify-content: center !important; text-align: center !important;
  }
  .gu-base__hero-media { position: absolute !important; inset: 0 !important; z-index: 0 !important; }
  .gu-base__hero-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  .gu-base__hero-overlay {
    position: absolute !important; inset: 0 !important; z-index: 1 !important;
    background: linear-gradient(180deg, rgba(26,22,20,0.10) 0%, rgba(26,22,20,0.58) 100%) !important;
  }
  .gu-base__hero-inner {
    position: relative !important; z-index: 2 !important;
    padding: 70px 24px !important; max-width: 720px !important; color: #F7F2EC !important;
  }
  .gu-base__hero-eyebrow {
    display: block !important;
    font-size: 10px !important; letter-spacing: 0.32em !important; text-transform: uppercase !important;
    color: #D4A574 !important; font-weight: 600 !important; margin-bottom: 18px !important;
  }
  .gu-base__hero-titulo {
    margin: 0 0 12px !important; padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: clamp(34px, 7.5vw, 60px) !important;
    font-weight: 400 !important; line-height: 1.06 !important;
  }
  .gu-base__hero-sub {
    margin: 0 !important; padding: 0 !important;
    font-size: clamp(14px, 2.4vw, 17px) !important;
    color: rgba(247,242,236,0.82) !important;
  }

  /* ─── Body ─── */
  .gu-base__body {
    max-width: 940px !important; margin: 0 auto !important;
    padding: 40px 24px 80px !important;
  }

  /* ─── Mini-índice ─── */
  .gu-base__indice {
    background: #FFFFFF !important;
    border: 1px solid rgba(212,165,116,0.28) !important;
    border-radius: 8px !important;
    padding: 18px 20px !important; margin: 0 0 48px !important;
  }
  .gu-base__indice-label {
    display: block !important;
    font-size: 10px !important; font-weight: 700 !important;
    letter-spacing: 0.22em !important; text-transform: uppercase !important;
    color: #B8895F !important; margin-bottom: 12px !important;
  }
  .gu-base__indice ul {
    list-style: none !important; margin: 0 !important; padding: 0 !important;
    display: flex !important; flex-wrap: wrap !important; gap: 8px 14px !important;
  }
  .gu-base__indice a {
    font-size: 13px !important; color: #1A1614 !important;
    text-decoration: none !important;
    padding-bottom: 2px !important;
    border-bottom: 1px solid transparent !important;
    transition: border-color 0.2s ease, color 0.2s ease !important;
  }
  .gu-base__indice a:hover { border-bottom-color: #D4A574 !important; color: #B8895F !important; }

  /* ─── Sección ─── */
  .gu-base__sec {
    margin: 0 0 56px !important;
    scroll-margin-top: 80px !important;
  }
  .gu-base__sec-num {
    display: block !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: 26px !important;
    color: #D4A574 !important; line-height: 1 !important;
    margin-bottom: 12px !important;
  }
  .gu-base__h2 {
    margin: 0 0 16px !important; padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: clamp(24px, 4.5vw, 34px) !important;
    font-weight: 400 !important; line-height: 1.15 !important; color: #1A1614 !important;
  }
  .gu-base__sec p {
    margin: 0 0 12px !important; padding: 0 !important;
    font-size: 15px !important; line-height: 1.7 !important;
    color: rgba(26,22,20,0.82) !important;
  }
  .gu-base__sec strong { color: #1A1614 !important; font-weight: 600 !important; }

  /* ─── Imágenes ─── */
  .gu-base__fig { margin: 0 -24px 36px !important; padding: 0 !important; }
  .gu-base__fig img { width: 100% !important; height: auto !important; display: block !important; }

  /* ─── Factores ─── */
  .gu-base__factores {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 20px !important;
  }
  .gu-base__factor {
    display: flex !important; align-items: flex-start !important; gap: 14px !important;
    padding: 14px 16px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(212,165,116,0.22) !important;
    border-radius: 6px !important;
  }
  .gu-base__factor span {
    flex-shrink: 0 !important;
    font-family: 'Cormorant Garamond', serif !important; font-style: italic !important;
    font-size: 20px !important; color: #D4A574 !important;
    line-height: 1 !important; padding-top: 2px !important;
  }
  .gu-base__factor strong { display: block !important; font-size: 14px !important; margin-bottom: 4px !important; }
  .gu-base__factor p { margin: 0 !important; font-size: 13px !important; line-height: 1.5 !important; color: rgba(26,22,20,0.65) !important; }

  /* ─── Tonos ─── */
  .gu-base__tonos {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin: 22px 0 0 !important;
  }
  .gu-base__tono {
    background: #FFFFFF !important;
    border: 1px solid rgba(212,165,116,0.22) !important;
    border-radius: 6px !important;
    padding: 14px 18px !important;
  }
  .gu-base__tono h4 {
    margin: 0 0 4px !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: 18px !important;
    font-weight: 500 !important; color: #1A1614 !important;
  }
  .gu-base__tono p { margin: 0 !important; font-size: 13px !important; color: rgba(26,22,20,0.72) !important; }

  /* ─── Subtonos ─── */
  .gu-base__subtonos {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin: 22px 0 20px !important;
  }
  .gu-base__sub {
    background: #FFFFFF !important;
    border: 1px solid rgba(212,165,116,0.22) !important;
    border-radius: 8px !important;
    padding: 18px 20px !important;
  }
  .gu-base__sub h4 {
    margin: 0 0 8px !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: 20px !important;
    font-weight: 500 !important; color: #1A1614 !important;
  }
  .gu-base__sub p { margin: 0 !important; font-size: 13.5px !important; line-height: 1.6 !important; color: rgba(26,22,20,0.78) !important; }

  /* ─── Guía rápida ─── */
  .gu-base__guia-rapida {
    background: linear-gradient(135deg, rgba(212,165,116,0.10), rgba(212,165,116,0.04)) !important;
    border: 1px solid rgba(212,165,116,0.28) !important;
    border-radius: 8px !important;
    padding: 20px 22px !important; margin: 0 0 18px !important;
  }
  .gu-base__guia-rapida-titulo {
    margin: 0 0 12px !important;
    font-size: 11px !important; font-weight: 700 !important;
    letter-spacing: 0.2em !important; text-transform: uppercase !important;
    color: #B8895F !important;
  }
  .gu-base__guia-rapida ul {
    list-style: none !important; margin: 0 !important; padding: 0 !important;
  }
  .gu-base__guia-rapida li {
    padding: 6px 0 6px 18px !important;
    position: relative !important;
    font-size: 13.5px !important; line-height: 1.6 !important;
    color: #1A1614 !important;
  }
  .gu-base__guia-rapida li::before {
    content: '◆' !important;
    position: absolute !important; left: 2px !important; top: 9px !important;
    font-size: 5px !important; color: #D4A574 !important;
    transform: rotate(45deg) !important;
  }

  /* ─── Pasos ─── */
  .gu-base__pasos {
    list-style: none !important; margin: 22px 0 16px !important; padding: 0 !important;
    counter-reset: pasos-base !important;
  }
  .gu-base__pasos li {
    counter-increment: pasos-base !important;
    position: relative !important;
    padding: 16px 0 16px 56px !important;
    border-bottom: 1px solid rgba(212,165,116,0.18) !important;
  }
  .gu-base__pasos li:last-child { border-bottom: none !important; }
  .gu-base__pasos li::before {
    content: counter(pasos-base, decimal-leading-zero) !important;
    position: absolute !important; left: 0 !important; top: 15px !important;
    font-family: 'Cormorant Garamond', serif !important; font-style: italic !important;
    font-size: 24px !important; color: #D4A574 !important;
  }
  .gu-base__pasos li strong {
    display: block !important; font-size: 15px !important; font-weight: 600 !important;
    color: #1A1614 !important; margin-bottom: 4px !important;
  }
  .gu-base__pasos li span {
    display: block !important;
    font-size: 13.5px !important; line-height: 1.6 !important;
    color: rgba(26,22,20,0.65) !important;
  }

  /* ─── Grid cards genérico ─── */
  .gu-base__grid-cards {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 22px !important;
  }
  .gu-base__card, .gu-base__tipo {
    background: #FFFFFF !important;
    border: 1px solid rgba(212,165,116,0.22) !important;
    border-radius: 8px !important;
    padding: 20px 22px !important;
  }
  .gu-base__card h3, .gu-base__tipo h3 {
    margin: 0 0 12px !important; padding: 0 0 10px !important;
    border-bottom: 1px solid rgba(212,165,116,0.22) !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: 21px !important;
    font-weight: 500 !important; color: #1A1614 !important;
  }
  .gu-base__card p, .gu-base__tipo-line {
    margin: 0 0 8px !important;
    font-size: 13.5px !important; line-height: 1.6 !important;
    color: rgba(26,22,20,0.78) !important;
  }
  .gu-base__card p:last-child, .gu-base__tipo-line:last-child { margin-bottom: 0 !important; }

  /* ─── Formatos ─── */
  .gu-base__formatos {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important; margin-top: 22px !important;
  }
  .gu-base__formato {
    background: #FFFFFF !important;
    border: 1px solid rgba(212,165,116,0.22) !important;
    border-radius: 6px !important;
    padding: 16px 18px !important;
  }
  .gu-base__formato h4 {
    margin: 0 0 6px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important; font-size: 18px !important;
    font-weight: 500 !important; color: #1A1614 !important;
  }
  .gu-base__formato p { margin: 0 !important; font-size: 13px !important; line-height: 1.55 !important; color: rgba(26,22,20,0.75) !important; }

  /* ─── Herramientas ─── */
  .gu-base__herramientas {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important; margin: 22px 0 0 !important;
  }
  .gu-base__herramienta {
    background: #FFFFFF !important;
    border: 1px solid rgba(212,165,116,0.22) !important;
    border-radius: 6px !important;
    padding: 14px 18px !important;
  }
  .gu-base__herramienta h4 {
    margin: 0 0 4px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important; font-size: 18px !important;
    font-weight: 500 !important; color: #1A1614 !important;
  }
  .gu-base__herramienta p { margin: 0 !important; font-size: 13px !important; line-height: 1.55 !important; color: rgba(26,22,20,0.72) !important; }

  /* ─── Nota inline ─── */
  .gu-base__nota-inline {
    margin: 16px 0 0 !important;
    padding: 14px 18px !important;
    background: rgba(212,165,116,0.08) !important;
    border-left: 2px solid #D4A574 !important;
    font-size: 13px !important; line-height: 1.6 !important;
    color: rgba(26,22,20,0.72) !important; font-style: italic !important;
  }

  /* ─── Errores ─── */
  .gu-base__errores {
    list-style: none !important; padding: 0 !important; margin: 22px 0 0 !important;
  }
  .gu-base__errores li {
    padding: 14px 0 14px 28px !important;
    border-bottom: 1px solid rgba(212,165,116,0.18) !important;
    font-size: 14px !important; line-height: 1.65 !important;
    color: rgba(26,22,20,0.82) !important; position: relative !important;
  }
  .gu-base__errores li:last-child { border-bottom: none !important; }
  .gu-base__errores li::before {
    content: '✕' !important;
    position: absolute !important; left: 0 !important; top: 14px !important;
    font-size: 13px !important; color: #B8895F !important;
  }

  /* ─── Lista dudas ─── */
  .gu-base__lista-dudas {
    list-style: none !important; padding: 0 !important; margin: 16px 0 24px !important;
  }
  .gu-base__lista-dudas li {
    padding: 8px 0 8px 22px !important;
    position: relative !important;
    font-size: 14.5px !important; line-height: 1.65 !important;
    color: rgba(26,22,20,0.82) !important;
  }
  .gu-base__lista-dudas li::before {
    content: '◆' !important;
    position: absolute !important; left: 2px !important; top: 12px !important;
    font-size: 6px !important; color: #D4A574 !important;
    transform: rotate(45deg) !important;
  }

  /* ─── WhatsApp box ─── */
  .gu-base__wa-box {
    background: #FFFFFF !important;
    border: 1px solid rgba(37,211,102,0.24) !important;
    border-radius: 10px !important;
    padding: 24px 22px !important;
    margin: 24px 0 0 !important;
    text-align: center !important;
  }
  .gu-base__wa-texto {
    margin: 0 0 14px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important; font-size: 19px !important;
    color: #1A1614 !important;
  }
  .gu-base__wa-btn {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    gap: 10px !important; padding: 14px 26px !important;
    background: #25D366 !important; color: #FFFFFF !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important; font-weight: 700 !important;
    letter-spacing: 0.14em !important; text-transform: uppercase !important;
    border-radius: 6px !important;
    transition: background 0.25s ease, transform 0.2s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .gu-base__wa-btn:hover { background: #1FB855 !important; transform: translateY(-1px) !important; }
  .gu-base__wa-ico { display: inline-flex !important; align-items: center !important; }

  /* ─── Cierre ─── */
  .gu-base__sec--cierre {
    text-align: center !important;
    margin-top: 56px !important;
  }
  .gu-base__sec--cierre p {
    font-size: 16px !important; line-height: 1.7 !important;
    max-width: 620px !important; margin: 0 auto !important;
    color: rgba(26,22,20,0.78) !important;
  }

  /* ─── CTA ─── */
  .gu-base__cta-box {
    background: #1A1614 !important;
    color: #F7F2EC !important;
    padding: 38px 26px !important;
    margin: 48px -24px 0 !important;
    text-align: center !important;
  }
  .gu-base__cta-orn {
    color: #D4A574 !important; font-size: 14px !important;
    display: inline-block !important;
    transform: rotate(45deg) !important;
    margin-bottom: 14px !important;
  }
  .gu-base__cta-box h3 {
    margin: 0 0 12px !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: clamp(22px, 4.5vw, 28px) !important;
    font-weight: 400 !important; color: #F7F2EC !important;
  }
  .gu-base__cta-box p {
    margin: 0 auto 22px !important; padding: 0 !important;
    font-size: 14px !important; line-height: 1.6 !important;
    color: rgba(247,242,236,0.78) !important;
    max-width: 480px !important;
  }
  .gu-base__cta-link {
    display: inline-flex !important; align-items: center !important;
    gap: 10px !important; padding: 14px 28px !important;
    background: #D4A574 !important; color: #1A1614 !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important; font-weight: 700 !important;
    letter-spacing: 0.18em !important; text-transform: uppercase !important;
    transition: background 0.25s ease, transform 0.2s ease !important;
  }
  .gu-base__cta-link:hover { background: #C9A96E !important; transform: translateY(-1px) !important; }
  .gu-base__cta-arrow { transition: transform 0.25s ease !important; }
  .gu-base__cta-link:hover .gu-base__cta-arrow { transform: translateX(4px) !important; }

  /* ─── Tablet ─── */
  @media (min-width: 750px) {
    .gu-base__hero { min-height: 60vh !important; }
    .gu-base__hero-inner { padding: 90px 40px !important; }
    .gu-base__body { padding: 60px 40px 100px !important; }
    .gu-base__fig { margin-left: -40px !important; margin-right: -40px !important; }
    .gu-base__factores { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
    .gu-base__tonos, .gu-base__formatos, .gu-base__herramientas { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
    .gu-base__subtonos { grid-template-columns: 1fr 1fr !important; gap: 14px !important; }
    .gu-base__grid-cards { grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
    .gu-base__cta-box { margin-left: -40px !important; margin-right: -40px !important; padding: 56px 40px !important; }
  }

  @media (min-width: 990px) {
    .gu-base__body { padding: 80px 0 120px !important; }
    .gu-base__fig { margin-left: -60px !important; margin-right: -60px !important; }
    .gu-base__factores { grid-template-columns: 1fr 1fr !important; }
    .gu-base__tonos { grid-template-columns: repeat(3, 1fr) !important; }
    .gu-base__formatos { grid-template-columns: repeat(3, 1fr) !important; }
    .gu-base__herramientas { grid-template-columns: repeat(4, 1fr) !important; }
    .gu-base__grid-cards { grid-template-columns: repeat(3, 1fr) !important; }
    .gu-base__sec { margin-bottom: 72px !important; }
    .gu-base__cta-box { margin-left: -60px !important; margin-right: -60px !important; padding: 64px 60px !important; }
  }
/* END_SECTION:gu-elegir-base */

/* START_SECTION:gu-favoritos (INDEX:34) */
.gu-fav {
    background: var(--gu-fav-bg, #FBF7F2);
    color: #1A1614;
    padding: 60px 20px 80px;
    font-family: 'Inter', system-ui, sans-serif;
  }
  .gu-fav__inner {
    max-width: 1180px;
    margin: 0 auto;
  }
  .gu-fav__header {
    text-align: center;
    margin-bottom: 40px;
  }
  .gu-fav__eyebrow {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: var(--gu-fav-acento, #5C3D2E);
    opacity: 0.85;
    margin-bottom: 14px;
  }
  .gu-fav__title {
    font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 400;
    letter-spacing: 0.01em;
    margin: 0 0 12px;
    color: #1A1614;
  }
  .gu-fav__sub {
    max-width: 560px;
    margin: 0 auto 16px;
    font-size: 14px;
    line-height: 1.6;
    color: #5C3D2E;
    opacity: 0.85;
  }
  .gu-fav__count {
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gu-fav-acento, #5C3D2E);
    opacity: 0.6;
  }

  .gu-fav__loading,
  .gu-fav__empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 24px;
    color: var(--gu-fav-acento, #5C3D2E);
  }
  .gu-fav__loading[hidden],
  .gu-fav__empty[hidden],
  .gu-fav__grid[hidden] { display: none; }
  .gu-fav__spinner {
    width: 28px;
    height: 28px;
    border: 2px solid rgba(92, 61, 46, 0.18);
    border-top-color: var(--gu-fav-acento, #5C3D2E);
    border-radius: 50%;
    animation: gu-fav-spin 0.8s linear infinite;
    margin-bottom: 14px;
  }
  @keyframes gu-fav-spin { to { transform: rotate(360deg); } }

  .gu-fav__empty-icon { color: var(--gu-fav-acento, #5C3D2E); opacity: 0.5; margin-bottom: 18px; }
  .gu-fav__empty-title {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 26px;
    font-weight: 400;
    margin: 0 0 10px;
    color: #1A1614;
  }
  .gu-fav__empty-text {
    max-width: 420px;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 22px;
    color: #5C3D2E;
    opacity: 0.8;
  }
  .gu-fav__empty-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    background: #1A1614;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
    transition: background 0.25s, transform 0.2s;
  }
  .gu-fav__empty-cta:hover { background: #3A2A20; transform: translateY(-1px); }

  .gu-fav__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  @media (min-width: 720px) {
    .gu-fav__grid { grid-template-columns: repeat(3, 1fr); gap: 22px; }
  }
  @media (min-width: 1024px) {
    .gu-fav__grid { grid-template-columns: repeat(4, 1fr); gap: 26px; }
  }

  .gu-fav-card {
    background: #fff;
    border: 1px solid rgba(229, 211, 189, 0.6);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease, border-color 0.25s ease;
    position: relative;
  }
  .gu-fav-card:hover {
    border-color: var(--gu-fav-acento, #5C3D2E);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(92, 61, 46, 0.08);
  }
  .gu-fav-card__img-link {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #F5EFE7;
    overflow: hidden;
  }
  .gu-fav-card__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .gu-fav-card:hover .gu-fav-card__img { transform: scale(1.04); }

  .gu-fav-card__remove {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(229, 211, 189, 0.8);
    color: var(--gu-fav-acento, #5C3D2E);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, transform 0.2s;
    z-index: 2;
  }
  .gu-fav-card__remove:hover { background: var(--gu-fav-acento, #5C3D2E); color: #fff; transform: scale(1.05); }

  .gu-fav-card__body {
    padding: 14px 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
  }
  .gu-fav-card__vendor {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--gu-fav-acento, #5C3D2E);
    opacity: 0.7;
  }
  .gu-fav-card__title {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.4;
    color: #1A1614;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.8em;
  }
  .gu-fav-card__title a { color: inherit; text-decoration: none; }
  .gu-fav-card__title a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--gu-fav-acento, #5C3D2E); }
  .gu-fav-card__price {
    font-size: 14px;
    font-weight: 700;
    color: #1A1614;
    margin-top: 4px;
  }
  .gu-fav-card__price-compare {
    font-size: 12px;
    font-weight: 400;
    color: #5C3D2E;
    opacity: 0.55;
    text-decoration: line-through;
    margin-left: 6px;
  }
  .gu-fav-card__cta {
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 14px;
    background: #1A1614;
    color: #fff;
    border: 1px solid #1A1614;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    border-radius: 2px;
    cursor: pointer;
    transition: background 0.25s, transform 0.2s;
  }
  .gu-fav-card__cta:hover { background: #3A2A20; transform: translateY(-1px); }
  .gu-fav-card__cta:disabled { background: #6A5A4A; cursor: not-allowed; opacity: 0.7; }
  .gu-fav-card__cta.is-loading { opacity: 0.75; pointer-events: none; }
  .gu-fav-card__sold-out {
    margin-top: 12px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--gu-fav-acento, #5C3D2E);
    opacity: 0.7;
    padding: 12px 0;
  }
/* END_SECTION:gu-favoritos */

/* START_SECTION:gu-featured-product (INDEX:35) */
.gufp {
  background:
    radial-gradient(ellipse at top right, rgba(232, 195, 130, 0.07) 0%, transparent 55%),
    radial-gradient(ellipse at bottom left, rgba(247, 242, 236, 0.4) 0%, transparent 60%),
    var(--gufp-bg, #F7EDE9);
  position: relative;
  overflow: hidden;
}

/* Ornamentos de esquina sutiles */
.gufp::before,
.gufp::after {
  content: '';
  position: absolute;
  width: 280px;
  height: 280px;
  background: radial-gradient(circle, rgba(201, 169, 110, 0.08) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

.gufp::before { top: -140px; left: -140px; }
.gufp::after  { bottom: -140px; right: -140px; }

/* ───── LÍNEA DORADA SEPARADORA TOP — discreta, joyería sutil ─── */
.gufp__topline {
  position: relative;
  width: 180px;
  max-width: 50%;
  height: 1px;
  margin: 2.2rem auto;
  z-index: 3;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(201, 169, 110, 0.4) 50%,
    transparent 100%
  );
  pointer-events: none;
}

@media screen and (min-width: 750px) {
  .gufp__topline {
    width: 240px;
    margin: 3rem auto;
  }
}

.gufp__topline-jewel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 4px;
  background: #C9A96E;
  transform: translate(-50%, -50%) rotate(45deg);
  box-shadow: 0 0 0 4px var(--gufp-bg, #F7EDE9);
  opacity: 0.85;
}

.gufp__wrap {
  display: grid;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 750px) {
  .gufp__wrap {
    grid-template-columns: 54% 46%;
    min-height: 560px;
  }
  .gufp__wrap--reverse {
    grid-template-columns: 46% 54%;
  }
  .gufp__wrap--reverse .gufp__media-col {
    order: 2;
  }
  .gufp__wrap--reverse .gufp__content-col {
    order: 1;
  }
}

.gufp__media-col {
  position: relative;
  overflow: hidden;
  background: var(--gufp-bg, #F7EDE9);
}

@media screen and (max-width: 749px) {
  .gufp__media-col {
    aspect-ratio: 1 / 1;
    max-height: none;
    width: 100%;
  }
}

.gufp__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.8s ease;
}

.gufp__media-col:hover .gufp__img {
  transform: scale(1.03);
}

.gufp__content-col {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 2.8rem 1.6rem;
  background: var(--gufp-bg, #F7EDE9);
}

@media screen and (min-width: 750px) {
  .gufp__content-col {
    padding: 4rem 4.5rem;
    justify-content: center;
  }
}

@media screen and (min-width: 990px) {
  .gufp__content-col {
    padding: 4rem 5.5rem;
  }
}

.gufp__content {
  max-width: 400px;
  width: 100%;
}

/* ───── EYEBROW LUXURY CON LÍNEAS DORADAS ─────────────────────── */
.gufp__eyebrow {
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.42em;
  text-transform: uppercase;
  color: var(--gufp-acento, #5C3D2E);
  margin: 0 0 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.95rem;
  position: relative;
}

.gufp__eyebrow::before,
.gufp__eyebrow::after {
  content: '';
  display: block;
  width: 28px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 169, 110, 0.6), transparent);
}

/* ───── MARCA ─────────────────────────────────────────────────── */
.gufp__marca {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: #1A1614;
  margin: 0 0 0.7rem;
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
}

.gufp__marca::after {
  content: '';
  display: block;
  width: 18px;
  height: 1px;
  background: #C9A96E;
  margin-top: 0.5rem;
  opacity: 0.7;
  flex-basis: 100%;
}

/* ───── BADGE DE ORIGEN (bandera + texto) ─────────────────────── */
.gufp__origen {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 4px 10px 4px 8px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid rgba(201, 169, 110, 0.45);
  border-radius: 999px;
  letter-spacing: 0.18em;
  font-size: 9px;
  font-weight: 500;
  color: var(--gufp-acento, #5C3D2E);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.gufp__bandera {
  display: block;
  border-radius: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  flex-shrink: 0;
}

.gufp__origen-text {
  white-space: nowrap;
}

/* ───── TÍTULO PRINCIPAL EDITORIAL ────────────────────────────── */
.gufp__titulo {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(2.5rem, 6vw, 3.6rem);
  font-weight: 400;
  font-style: italic;
  letter-spacing: -0.005em;
  line-height: 1.02;
  color: #1A1614;
  margin: 0 0 0.85rem;
}

/* ───── TAGLINE EDITORIAL ─────────────────────────────────────── */
.gufp__tagline {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  color: var(--gufp-acento, #5C3D2E);
  margin: 0 0 1.7rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  padding-left: 1.1rem;
  border-left: 1px solid rgba(201, 169, 110, 0.45);
}

/* ───── DIVIDER ORNAMENTAL ────────────────────────────────────── */
.gufp__divider {
  position: relative;
  width: 130px;
  height: 12px;
  background: transparent;
  margin: 0 0 1.9rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.gufp__divider::before {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, #C9A96E, transparent);
}

.gufp__divider::after {
  content: '';
  width: 5px;
  height: 5px;
  background: #C9A96E;
  transform: rotate(45deg);
  flex-shrink: 0;
}

/* ───── BENEFITS LUXURY ───────────────────────────────────────── */
.gufp__benefits {
  list-style: none;
  margin: 0 0 2.3rem;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.gufp__benefit-item {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.gufp__benefit-item:hover {
  transform: translateX(5px);
}

.gufp__benefit-check {
  color: #C9A96E;
  flex-shrink: 0;
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
}

.gufp__benefit-text {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.7;
  color: #3A2A20;
  letter-spacing: 0.015em;
}

.gufp__precio {
  display: none !important;
}

/* ───── CTA LUXURY (mismo lenguaje que el carrusel) ───────────── */
.gufp__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.9rem;
  background: transparent;
  color: #1A1614;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  padding: 1.15rem 2.5rem;
  border: 1px solid #1A1614;
  border-radius: 1px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transition: color 0.5s ease, gap 0.5s ease, letter-spacing 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease, transform 0.18s ease;
  white-space: nowrap;
  cursor: pointer;
}

.gufp__cta::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #2A1F1A 0%, #0F0B09 100%);
  transform: translateY(101%);
  transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
  z-index: -2;
}

.gufp__cta::after {
  content: '';
  position: absolute;
  top: 0;
  left: -130%;
  width: 70%;
  height: 100%;
  background: linear-gradient(
    100deg,
    transparent 0%,
    rgba(201, 169, 110, 0.2) 35%,
    rgba(232, 195, 130, 0.65) 50%,
    rgba(201, 169, 110, 0.2) 65%,
    transparent 100%
  );
  transition: left 0.85s ease 0.12s;
  pointer-events: none;
  z-index: -1;
  animation: gufp-cta-attract 3s ease-in-out infinite;
  animation-delay: 1s;
}

/* Shimmer automático que atrae la atención (CTA) — cada 3s */
@keyframes gufp-cta-attract {
  0%   { left: -130%; }
  30%  { left: 145%; }
  30.5%{ left: -130%; }
  100% { left: -130%; }
}

/* Sutil glow pulsante del borde — respira gold */
@keyframes gufp-cta-breathe {
  0%, 100% { box-shadow: 0 0 0 0 rgba(201, 169, 110, 0); }
  50%      { box-shadow: 0 0 14px 0 rgba(201, 169, 110, 0.18); }
}

.gufp__cta {
  animation: gufp-cta-breathe 4s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .gufp__cta,
  .gufp__cta::after {
    animation: none !important;
  }
}

.gufp__cta-arrow {
  transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

.gufp__cta:hover,
.gufp__cta:focus-visible {
  color: #F7F2EC;
  border-color: #C9A96E;
  gap: 1.15rem;
  letter-spacing: 0.38em;
  box-shadow:
    inset 0 0 0 1px rgba(232, 195, 130, 0.35),
    0 14px 30px -16px rgba(201, 169, 110, 0.55),
    0 8px 18px -10px rgba(26, 22, 20, 0.45);
  animation: none;
}

.gufp__cta:hover::before,
.gufp__cta:focus-visible::before {
  transform: translateY(0);
}

.gufp__cta:hover::after,
.gufp__cta:focus-visible::after {
  left: 145%;
  animation: none;
}

.gufp__cta:hover .gufp__cta-arrow,
.gufp__cta:focus-visible .gufp__cta-arrow {
  transform: translateX(6px);
}

.gufp__cta:active {
  transform: scale(0.985);
  transition-duration: 0.15s;
}

/* ─── ANIMACIÓN FLOTANTE EN IMAGEN ──────────────────────────────── */

@keyframes gufp-float {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0px); }
}

.gufp__img {
  animation: gufp-float 5s ease-in-out infinite;
}

@media screen and (max-width: 749px) {
  .gufp__img {
    animation: gufp-float 5s ease-in-out infinite;
    transform-origin: center bottom;
  }
}

/* Pausar si prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .gufp__img { animation: none; }
}

/* ─── REVEAL DE CONTENIDO AL SCROLL ─────────────────────────────── */

[data-gufp-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-gufp-reveal].gufp--visible {
  opacity: 1;
  transform: translateY(0);
}

/* Cada hijo entra con delay escalonado */
[data-gufp-reveal].gufp--visible .gufp__eyebrow  { transition-delay: 0.05s; }
[data-gufp-reveal].gufp--visible .gufp__marca     { transition-delay: 0.10s; }
[data-gufp-reveal].gufp--visible .gufp__titulo    { transition-delay: 0.16s; }
[data-gufp-reveal].gufp--visible .gufp__tagline   { transition-delay: 0.22s; }
[data-gufp-reveal].gufp--visible .gufp__divider   { transition-delay: 0.28s; }
[data-gufp-reveal].gufp--visible .gufp__benefits  { transition-delay: 0.34s; }
[data-gufp-reveal].gufp--visible .gufp__precio    { transition-delay: 0.42s; }
[data-gufp-reveal].gufp--visible .gufp__cta       { transition-delay: 0.50s; }

[data-gufp-reveal] .gufp__eyebrow,
[data-gufp-reveal] .gufp__marca,
[data-gufp-reveal] .gufp__titulo,
[data-gufp-reveal] .gufp__tagline,
[data-gufp-reveal] .gufp__divider,
[data-gufp-reveal] .gufp__benefits,
[data-gufp-reveal] .gufp__precio,
[data-gufp-reveal] .gufp__cta {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.55s ease, transform 0.55s ease;
}

[data-gufp-reveal].gufp--visible .gufp__eyebrow,
[data-gufp-reveal].gufp--visible .gufp__marca,
[data-gufp-reveal].gufp--visible .gufp__titulo,
[data-gufp-reveal].gufp--visible .gufp__tagline,
[data-gufp-reveal].gufp--visible .gufp__divider,
[data-gufp-reveal].gufp--visible .gufp__benefits,
[data-gufp-reveal].gufp--visible .gufp__precio,
[data-gufp-reveal].gufp--visible .gufp__cta {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  [data-gufp-reveal],
  [data-gufp-reveal] * {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}
/* END_SECTION:gu-featured-product */

/* START_SECTION:gu-guia-skincare (INDEX:36) */
/* ─── Base ─── */
  .gu-guia {
    background: #FAF7F2 !important;
    color: #1A1614 !important;
    font-family: 'Inter', sans-serif !important;
    line-height: 1.6 !important;
  }

  /* ─── Hero ─── */
  .gu-guia__hero {
    position: relative !important;
    width: 100% !important;
    min-height: 60vh !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .gu-guia__hero-media {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
  }
  .gu-guia__hero-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .gu-guia__hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(26,22,20,0.10) 0%, rgba(26,22,20,0.55) 100%) !important;
    z-index: 1 !important;
  }
  .gu-guia__hero-inner {
    position: relative !important;
    z-index: 2 !important;
    padding: 80px 24px !important;
    max-width: 720px !important;
    color: #F7F2EC !important;
  }
  .gu-guia__hero-eyebrow {
    display: block !important;
    font-size: 10px !important;
    letter-spacing: 0.32em !important;
    text-transform: uppercase !important;
    color: #D4A574 !important;
    font-weight: 600 !important;
    margin-bottom: 18px !important;
  }
  .gu-guia__hero-titulo {
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: clamp(36px, 8vw, 64px) !important;
    font-weight: 400 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.01em !important;
  }
  .gu-guia__hero-sub {
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(15px, 2.5vw, 18px) !important;
    color: rgba(247,242,236,0.82) !important;
    letter-spacing: 0.02em !important;
  }
  .gu-guia__hero-orn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    margin-top: 28px !important;
  }
  .gu-guia__hero-line { width: 60px !important; height: 1px !important; background: rgba(212,165,116,0.6) !important; }
  .gu-guia__hero-gem { color: #D4A574 !important; font-size: 10px !important; transform: rotate(45deg) !important; }

  /* ─── Body container ─── */
  .gu-guia__body {
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 56px 24px 80px !important;
  }
  .gu-guia__bajada {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: clamp(18px, 3vw, 22px) !important;
    line-height: 1.55 !important;
    color: #1A1614 !important;
    text-align: center !important;
    max-width: 640px !important;
    margin: 0 auto 48px !important;
  }

  /* ─── Nota importante ─── */
  .gu-guia__nota {
    background: rgba(201,169,110,0.08) !important;
    border-left: 3px solid #C9A96E !important;
    padding: 22px 26px !important;
    margin: 0 0 56px !important;
    border-radius: 2px !important;
  }
  .gu-guia__nota-label {
    display: block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: #6B4A3A !important;
    margin-bottom: 10px !important;
  }
  .gu-guia__nota p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    color: rgba(26,22,20,0.78) !important;
  }

  /* ─── Sección ─── */
  .gu-guia__sec {
    margin: 0 0 64px !important;
    position: relative !important;
  }
  .gu-guia__sec-num {
    display: block !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: 28px !important;
    color: #C9A96E !important;
    line-height: 1 !important;
    margin-bottom: 12px !important;
    font-weight: 400 !important;
  }
  .gu-guia__h2 {
    margin: 0 0 24px !important;
    padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: clamp(26px, 5vw, 36px) !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.005em !important;
    color: #1A1614 !important;
  }
  .gu-guia__h3 {
    margin: 32px 0 12px !important;
    padding: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #1A1614 !important;
  }
  .gu-guia__sec p {
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: rgba(26,22,20,0.85) !important;
  }
  .gu-guia__sec strong { font-weight: 600 !important; color: #1A1614 !important; }
  .gu-guia__sec em { font-style: italic !important; color: #6B4A3A !important; }

  /* ─── Listas ─── */
  .gu-guia__lista {
    margin: 0 0 16px !important;
    padding: 0 0 0 20px !important;
    list-style: none !important;
  }
  .gu-guia__lista li {
    position: relative !important;
    padding: 6px 0 6px 14px !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: rgba(26,22,20,0.85) !important;
  }
  .gu-guia__lista li::before {
    content: '◆' !important;
    position: absolute !important;
    left: -8px !important;
    top: 13px !important;
    font-size: 6px !important;
    color: #C9A96E !important;
    transform: rotate(45deg) !important;
  }

  /* ─── Rutina (lista ordenada) ─── */
  .gu-guia__rutina {
    margin: 0 0 20px !important;
    padding: 0 !important;
    list-style: none !important;
    counter-reset: rutina-counter !important;
  }
  .gu-guia__rutina li {
    position: relative !important;
    padding: 12px 0 12px 56px !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    border-bottom: 1px solid rgba(201,169,110,0.16) !important;
    counter-increment: rutina-counter !important;
  }
  .gu-guia__rutina li:last-child { border-bottom: none !important; }
  .gu-guia__rutina li::before {
    content: counter(rutina-counter, decimal-leading-zero) !important;
    position: absolute !important;
    left: 0 !important;
    top: 12px !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: #C9A96E !important;
    font-weight: 400 !important;
  }

  /* ─── Necesidades (cards) ─── */
  .gu-guia__necesidades {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 24px !important;
  }
  .gu-guia__nec {
    background: #FFFFFF !important;
    border: 1px solid rgba(201,169,110,0.22) !important;
    border-radius: 6px !important;
    padding: 18px 20px !important;
  }
  .gu-guia__nec h4 {
    margin: 0 0 8px !important;
    padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    color: #1A1614 !important;
  }
  .gu-guia__nec p {
    margin: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: rgba(26,22,20,0.78) !important;
  }

  /* ─── Rutinas grid ─── */
  .gu-guia__rutinas-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-top: 28px !important;
  }
  .gu-guia__rutina-card {
    background: #FFFFFF !important;
    border: 1px solid rgba(201,169,110,0.22) !important;
    border-radius: 8px !important;
    padding: 22px 22px 12px !important;
  }
  .gu-guia__rutina-card h4 {
    margin: 0 0 16px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid rgba(201,169,110,0.22) !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: 21px !important;
    font-weight: 500 !important;
    color: #1A1614 !important;
  }
  .gu-guia__rutina-card ol { margin: 0 !important; padding: 0 !important; }

  /* ─── Errores ─── */
  .gu-guia__errores {
    list-style: none !important;
    padding: 0 !important;
    margin: 24px 0 0 !important;
  }
  .gu-guia__errores li {
    padding: 14px 0 14px 28px !important;
    border-bottom: 1px solid rgba(201,169,110,0.16) !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: rgba(26,22,20,0.85) !important;
    position: relative !important;
  }
  .gu-guia__errores li:last-child { border-bottom: none !important; }
  .gu-guia__errores li::before {
    content: '✕' !important;
    position: absolute !important;
    left: 0 !important;
    top: 14px !important;
    font-size: 14px !important;
    color: #B8895F !important;
    font-weight: 500 !important;
  }

  /* ─── FAQ ─── */
  .gu-guia__faq {
    border-bottom: 1px solid rgba(201,169,110,0.22) !important;
    padding: 18px 0 !important;
  }
  .gu-guia__faq summary {
    cursor: pointer !important;
    list-style: none !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    color: #1A1614 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    transition: color 0.25s ease !important;
  }
  .gu-guia__faq summary::-webkit-details-marker { display: none !important; }
  .gu-guia__faq summary::after {
    content: '+' !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 22px !important;
    color: #C9A96E !important;
    font-weight: 300 !important;
    flex-shrink: 0 !important;
    transition: transform 0.3s ease !important;
  }
  .gu-guia__faq[open] summary::after { transform: rotate(45deg) !important; }
  .gu-guia__faq summary:hover { color: #6B4A3A !important; }
  .gu-guia__faq p {
    margin: 14px 0 4px !important;
    padding: 0 !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: rgba(26,22,20,0.78) !important;
  }

  /* ─── Imágenes ─── */
  .gu-guia__fig {
    margin: 0 -24px 40px !important;
    padding: 0 !important;
  }
  .gu-guia__fig img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  .gu-guia__fig--inline {
    margin: 28px -24px 24px !important;
  }

  /* ─── Cierre ─── */
  .gu-guia__sec--cierre {
    text-align: center !important;
  }
  .gu-guia__sec--cierre p {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
  .gu-guia__sec--cierre p:last-child {
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: #6B4A3A !important;
    margin-top: 28px !important;
  }

  /* ─── CTA Box ─── */
  .gu-guia__cta-box {
    background: #1A1614 !important;
    color: #F7F2EC !important;
    padding: 40px 28px !important;
    margin: 48px -24px 0 !important;
    text-align: center !important;
    position: relative !important;
  }
  .gu-guia__cta-orn {
    color: #C9A96E !important;
    font-size: 14px !important;
    display: inline-block !important;
    transform: rotate(45deg) !important;
    margin-bottom: 14px !important;
  }
  .gu-guia__cta-box h3 {
    margin: 0 0 12px !important;
    padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: clamp(24px, 5vw, 30px) !important;
    font-weight: 400 !important;
    color: #F7F2EC !important;
  }
  .gu-guia__cta-box p {
    margin: 0 0 24px !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: rgba(247,242,236,0.75) !important;
    max-width: 480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 24px !important;
  }
  .gu-guia__cta-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 28px !important;
    background: #C9A96E !important;
    color: #1A1614 !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    transition: background 0.25s ease, transform 0.2s ease !important;
  }
  .gu-guia__cta-link:hover { background: #b8945a !important; transform: translateY(-1px) !important; }
  .gu-guia__cta-arrow { transition: transform 0.25s ease !important; }
  .gu-guia__cta-link:hover .gu-guia__cta-arrow { transform: translateX(4px) !important; }

  /* ─── Tablet + ─── */
  @media (min-width: 750px) {
    .gu-guia__hero { min-height: 70vh !important; }
    .gu-guia__hero-inner { padding: 100px 40px !important; }
    .gu-guia__body { padding: 80px 40px 100px !important; }
    .gu-guia__fig, .gu-guia__fig--inline {
      margin-left: -40px !important;
      margin-right: -40px !important;
    }
    .gu-guia__necesidades { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
    .gu-guia__rutinas-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
    .gu-guia__cta-box {
      margin-left: -40px !important;
      margin-right: -40px !important;
      padding: 56px 40px !important;
    }
  }

  @media (min-width: 990px) {
    .gu-guia__body { padding: 100px 0 120px !important; }
    .gu-guia__fig, .gu-guia__fig--inline {
      margin-left: -80px !important;
      margin-right: -80px !important;
    }
    .gu-guia__sec { margin-bottom: 80px !important; }
    .gu-guia__cta-box {
      margin-left: -80px !important;
      margin-right: -80px !important;
      padding: 72px 60px !important;
    }
  }
/* END_SECTION:gu-guia-skincare */

/* START_SECTION:gu-header (INDEX:37) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Forum&family=Inter:wght@400;500;600&display=swap');

  .gu-header-wrap { width: 100% !important; position: relative !important; z-index: 80 !important; font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; }
  .gu-header-wrap-sticky { position: sticky !important; top: 0 !important; }
  .gu-header { background: var(--gu-h-bg, #F7F2EC) !important; color: var(--gu-h-texto, #1A1614) !important; border-bottom: 1px solid var(--gu-h-borde, #E5D3BD) !important; transition: background 0.3s ease, box-shadow 0.3s ease !important; }
  .gu-header-wrap-sticky.gu-header-scrolled .gu-header { background: rgba(247, 242, 236, 0.94) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; box-shadow: 0 4px 24px -8px rgba(58, 42, 32, 0.10) !important; }
  .gu-header-utilidad { width: 100% !important; border-bottom: 1px solid var(--gu-h-borde, #E5D3BD) !important; }
  .gu-header-utilidad-contenedor { display: grid !important; grid-template-columns: auto 1fr auto !important; align-items: center !important; gap: 12px !important; max-width: 1500px !important; margin: 0 auto !important; padding: 14px 16px !important; }
  .gu-header-utilidad-izq { display: flex !important; align-items: center !important; gap: 24px !important; }
  .gu-header-utilidad-links { display: none !important; align-items: center !important; gap: 26px !important; }
  .gu-header-utilidad-link { font-family: 'Inter', system-ui, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: inherit !important; text-decoration: none !important; opacity: 0.75 !important; transition: opacity 0.3s ease, color 0.3s ease !important; }
  .gu-header-utilidad-link:hover { opacity: 1 !important; color: var(--gu-h-acento, #5C3D2E) !important; }
  .gu-header-burguer { width: 40px !important; height: 40px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; background: transparent !important; border: none !important; cursor: pointer !important; color: inherit !important; padding: 0 !important; margin-left: -8px !important; }
  .gu-header-burguer-linea { display: block !important; width: 20px !important; height: 1.4px !important; background: currentColor !important; border-radius: 2px !important; transition: transform 0.3s ease, opacity 0.3s ease !important; }
  .gu-header-logo { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; color: inherit !important; grid-column: 2 !important; }
  .gu-header-logo-img { max-height: 38px !important; max-width: 160px !important; width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; }
  .gu-header-logo-texto { font-family: 'Cormorant Garamond', 'Forum', 'Times New Roman', serif !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0.16em !important; color: inherit !important; text-transform: uppercase !important; white-space: nowrap !important; line-height: 1 !important; }
  .gu-header-acciones { display: flex !important; align-items: center !important; gap: 4px !important; justify-content: flex-end !important; }
  .gu-header-icono { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: transparent !important; border: none !important; cursor: pointer !important; color: inherit !important; text-decoration: none !important; transition: background 0.3s ease, transform 0.2s ease !important; }
  .gu-header-icono:hover { background: rgba(92, 61, 46, 0.06) !important; transform: scale(1.02) !important; }
  .gu-header-icono-search-desk, .gu-header-icono-cuenta-desk { display: none !important; }
  .gu-header-cart-count { position: absolute !important; top: 4px !important; right: 2px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 17px !important; height: 17px !important; padding: 0 5px !important; background: var(--gu-h-acento, #5C3D2E) !important; color: #F7F2EC !important; border-radius: 100px !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 9px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; line-height: 1 !important; transition: transform 0.3s ease !important; }
  .gu-header-cart-count-vacio { display: none !important; }

  .gu-header-nav-wrap { display: none !important; background: var(--gu-h-nav-bg, transparent) !important; border-bottom: 1px solid var(--gu-h-borde, #E5D3BD) !important; }
  .gu-header-nav { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 2px !important; max-width: 1500px !important; margin: 0 auto !important; padding: 12px 24px !important; }
  .gu-header-nav-item { position: relative !important; }
  .gu-header-nav-link { position: relative !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; padding: 10px 14px !important; color: inherit !important; text-decoration: none !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; border-radius: 0 !important; transition: color 0.3s ease !important; white-space: nowrap !important; }
  .gu-header-nav-link-texto { position: relative !important; display: inline-block !important; }
  .gu-header-nav-link-texto::after { content: '' !important; position: absolute !important; left: 0 !important; bottom: -4px !important; width: 0 !important; height: 1px !important; background: var(--gu-h-acento, #5C3D2E) !important; transition: width 0.3s ease !important; }
  .gu-header-nav-link:hover .gu-header-nav-link-texto::after, .gu-header-nav-link-activo .gu-header-nav-link-texto::after { width: 100% !important; }
  .gu-header-nav-link:hover, .gu-header-nav-link-activo { color: var(--gu-h-acento, #5C3D2E) !important; }
  .gu-header-nav-flecha { font-size: 9px !important; transition: transform 0.3s ease !important; opacity: 0.5 !important; }
  .gu-header-nav-item-dropdown:hover .gu-header-nav-flecha { transform: rotate(180deg) !important; }

  .gu-header-mega { position: absolute !important; top: 100% !important; left: 50% !important; transform: translateX(-50%) translateY(8px) !important; min-width: 560px !important; padding: 32px !important; background: var(--gu-h-bg, #F7F2EC) !important; border: 1px solid var(--gu-h-borde, #E5D3BD) !important; border-radius: 4px !important; box-shadow: 0 24px 56px -20px rgba(58, 42, 32, 0.18) !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important; pointer-events: none !important; z-index: 70 !important; }
  .gu-header-mega-ancho { min-width: 760px !important; }
  .gu-header-mega-con-imagen { display: grid !important; grid-template-columns: 1fr 220px !important; gap: 32px !important; align-items: stretch !important; }
  .gu-header-nav-item-dropdown:hover .gu-header-mega { opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) translateY(0) !important; pointer-events: auto !important; }
  .gu-header-mega-contenido { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; gap: 28px !important; }
  .gu-header-mega-col { display: flex !important; flex-direction: column !important; gap: 10px !important; }
  .gu-header-mega-titulo { font-family: 'Cormorant Garamond', 'Forum', serif !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0.02em !important; text-transform: none !important; color: inherit !important; text-decoration: none !important; padding-bottom: 6px !important; opacity: 0.85 !important; transition: opacity 0.3s ease, color 0.3s ease, padding-left 0.3s ease !important; line-height: 1.4 !important; }
  .gu-header-mega-titulo:hover { opacity: 1 !important; color: var(--gu-h-acento, #5C3D2E) !important; padding-left: 4px !important; }
  .gu-header-mega-imagen { position: relative !important; display: block !important; overflow: hidden !important; border-radius: 2px !important; text-decoration: none !important; color: inherit !important; aspect-ratio: 3 / 4 !important; }
  .gu-header-mega-imagen img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; }
  .gu-header-mega-imagen:hover img { transform: scale(1.04) !important; }
  .gu-header-mega-imagen-texto { position: absolute !important; left: 16px !important; bottom: 16px !important; right: 16px !important; color: #F7F2EC !important; font-family: 'Cormorant Garamond', serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.3 !important; text-shadow: 0 2px 8px rgba(0,0,0,0.4) !important; }
  .gu-header-mega-imagen-texto em { font-style: normal !important; font-size: 11px !important; font-family: 'Inter', sans-serif !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; opacity: 0.9 !important; }

  .gu-header-search { display: none !important; padding: 18px 16px !important; background: var(--gu-h-bg, #F7F2EC) !important; border-top: 1px solid var(--gu-h-borde, #E5D3BD) !important; }
  .gu-header-search.gu-header-search-abierto { display: block !important; animation: gu-header-bajar 0.3s ease !important; }
  @keyframes gu-header-bajar { from { transform: translateY(-100%) !important; opacity: 0 !important; } to { transform: translateY(0) !important; opacity: 1 !important; } }
  .gu-header-search-form { position: relative !important; max-width: 720px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; background: rgba(92, 61, 46, 0.04) !important; border: 1px solid var(--gu-h-borde, #E5D3BD) !important; border-radius: 2px !important; padding: 4px 4px 4px 18px !important; }
  .gu-header-search-icono { color: rgba(26, 22, 20, 0.5) !important; flex-shrink: 0 !important; }
  .gu-header-search-input { flex: 1 !important; border: none !important; background: transparent !important; padding: 14px 14px !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 14px !important; color: inherit !important; outline: none !important; letter-spacing: 0.01em !important; }
  .gu-header-search-input::placeholder { color: rgba(26, 22, 20, 0.45) !important; }
  .gu-header-search-cerrar { width: 32px !important; height: 32px !important; background: rgba(92, 61, 46, 0.06) !important; border: none !important; border-radius: 50% !important; cursor: pointer !important; color: inherit !important; font-size: 13px !important; }

  .gu-header-mobile-menu { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; width: 84% !important; max-width: 360px !important; background: var(--gu-h-bg, #F7F2EC) !important; color: var(--gu-h-texto, #1A1614) !important; z-index: 110 !important; transform: translateX(-100%) !important; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important; display: flex !important; flex-direction: column !important; overflow-y: auto !important; font-family: 'Inter', system-ui, sans-serif !important; }
  .gu-header-mobile-menu.gu-header-mobile-abierto { transform: translateX(0) !important; }
  .gu-header-mobile-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 20px !important; border-bottom: 1px solid var(--gu-h-borde, #E5D3BD) !important; }
  .gu-header-mobile-titulo { font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; opacity: 0.55 !important; }
  .gu-header-mobile-cerrar { width: 36px !important; height: 36px !important; border: none !important; background: rgba(92, 61, 46, 0.05) !important; border-radius: 50% !important; cursor: pointer !important; color: inherit !important; font-size: 15px !important; }
  .gu-header-mobile-nav { flex: 1 !important; padding: 12px 0 !important; }
  .gu-header-mobile-divider { height: 1px !important; margin: 14px 20px !important; background: var(--gu-h-borde, #E5D3BD) !important; }
  .gu-header-mobile-item { border-bottom: 1px solid var(--gu-h-borde, rgba(229, 211, 189, 0.5)) !important; }
  .gu-header-mobile-link { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 18px 20px !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: inherit !important; text-decoration: none !important; background: transparent !important; border: none !important; cursor: pointer !important; text-align: left !important; }
  .gu-header-mobile-link-mini { font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; padding: 14px 20px !important; opacity: 0.65 !important; }
  .gu-header-mobile-flecha { transition: transform 0.3s ease !important; font-size: 11px !important; opacity: 0.5 !important; }
  .gu-header-mobile-link-toggle[aria-expanded="true"] .gu-header-mobile-flecha { transform: rotate(180deg) !important; }
  .gu-header-mobile-sub { max-height: 0 !important; overflow: hidden !important; transition: max-height 0.4s ease !important; background: rgba(92, 61, 46, 0.02) !important; }
  .gu-header-mobile-link-toggle[aria-expanded="true"] + .gu-header-mobile-sub { max-height: 1500px !important; }
  .gu-header-mobile-sublink { display: block !important; padding: 14px 36px !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0.02em !important; text-transform: none !important; color: inherit !important; opacity: 0.75 !important; text-decoration: none !important; border-bottom: 1px solid var(--gu-h-borde, rgba(229, 211, 189, 0.4)) !important; }
  .gu-header-mobile-sublink:last-child { border-bottom: none !important; }
  .gu-header-mobile-acciones { padding: 20px !important; border-top: 1px solid var(--gu-h-borde, #E5D3BD) !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
  .gu-header-mobile-accion { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 14px 20px !important; background: rgba(92, 61, 46, 0.06) !important; border-radius: 2px !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: inherit !important; text-decoration: none !important; }
  .gu-header-overlay { position: fixed !important; inset: 0 !important; background: rgba(26, 22, 20, 0.45) !important; z-index: 100 !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.3s ease, visibility 0.3s ease !important; cursor: pointer !important; }
  .gu-header-overlay.gu-header-overlay-visible { opacity: 1 !important; visibility: visible !important; }

  .gu-header-utilidad-club { display: none !important; align-items: center !important; gap: 5px !important; color: #C9A96E !important; opacity: 1 !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; }
  .gu-header-utilidad-club:hover { color: #E8C382 !important; opacity: 1 !important; }
  .gu-header-utilidad-club-gem { font-size: 9px !important; opacity: 0.85 !important; }

  .gu-header-mobile-club { color: #C9A96E !important; }
  .gu-header-mobile-club:hover { color: #E8C382 !important; }
  .gu-header-mobile-item-club { background: rgba(201,169,110,0.03) !important; }

  @media (min-width: 990px) {
    .gu-header-utilidad-contenedor { padding: 22px 40px !important; gap: 24px !important; }
    .gu-header-burguer { display: none !important; }
    .gu-header-utilidad-links { display: flex !important; }
    .gu-header-utilidad-club { display: inline-flex !important; }
    .gu-header-logo-img { max-height: 48px !important; max-width: 240px !important; }
    .gu-header-logo-texto { font-size: 26px !important; letter-spacing: 0.24em !important; }
    .gu-header-acciones { gap: 8px !important; }
    .gu-header-icono-search-desk, .gu-header-icono-cuenta-desk { display: inline-flex !important; }
    .gu-header-nav-wrap { display: block !important; }
    .gu-header-nav { padding: 14px 32px !important; }
    .gu-header-nav-link { font-size: 12px !important; letter-spacing: 0.16em !important; padding: 10px 18px !important; }
    .gu-header-mobile-menu, .gu-header-overlay { display: none !important; }
  }
/* END_SECTION:gu-header */

/* START_SECTION:gu-hero (INDEX:38) */
/* ═══ GU-HERO CARRUSEL — Quiet Luxury Beauty ═══ */

.gu-hero {
  position: relative !important;
  width: 100% !important;
  height: 680px !important;
  min-height: 620px !important;
  max-height: 760px !important;
  overflow: hidden !important;
}
.gu-hero__slides { position: absolute !important; inset: 0 !important; }

.gu-hero__slide {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 1.1s ease !important;
  display: flex !important;
  align-items: flex-end !important;
}
.gu-hero__slide.is-active {
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 1 !important;
}

.gu-hero__media { position: absolute !important; inset: 0 !important; z-index: 0 !important; }
.gu-hero__img,
.gu-hero__video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 62% 28% !important;
  display: block !important;
}
.gu-hero__img--poster { display: none !important; }

@keyframes gu-kenburns {
  0%   { transform: scale(1)    translate(0, 0); }
  50%  { transform: scale(1.06) translate(-0.8%, 0.5%); }
  100% { transform: scale(1)    translate(0, 0); }
}
.gu-hero__img--kenburns { animation: gu-kenburns 16s ease-in-out infinite !important; will-change: transform !important; }

.gu-hero__placeholder { width: 100% !important; height: 100% !important; background: #F7F2EC !important; }
.gu-hero__placeholder-svg { width: 100% !important; height: 100% !important; object-fit: cover !important; }

/* ── Overlay — mobile: bottom-to-top ── */
.gu-hero__overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background: linear-gradient(
    to top,
    rgba(26,22,20, var(--ov, 0.8)) 0%,
    rgba(26,22,20, calc(var(--ov, 0.8) * 0.6)) 40%,
    rgba(26,22,20, 0) 80%
  ) !important;
}

/* ── Inner / Content ── */
.gu-hero__inner {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  padding: 0 1.8rem 104px !important;
  display: flex !important;
  justify-content: center !important;
}
.gu-hero__content {
  max-width: 360px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  align-items: center !important;
  text-align: center !important;
}

.gu-hero__eyebrow {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.26em !important;
  text-transform: uppercase !important;
  color: #E5D3BD !important;
  margin: 0 !important;
  text-shadow: 0 1px 10px rgba(0,0,0,0.65) !important;
}
.gu-hero__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 2.6rem !important;
  font-weight: 500 !important;
  line-height: 1.07 !important;
  letter-spacing: 0.01em !important;
  color: #F7F2EC !important;
  margin: 0 !important;
  text-shadow: 0 2px 20px rgba(0,0,0,0.6), 0 0 55px rgba(0,0,0,0.3) !important;
}
.gu-hero__subtitle {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  letter-spacing: 0.025em !important;
  color: #E5D3BD !important;
  margin: 0 !important;
  text-shadow: 0 1px 10px rgba(0,0,0,0.6) !important;
}

.gu-hero__cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  margin-top: 0.5rem !important;
  padding: 0.88rem 2rem !important;
  background: rgba(26,22,20,0.2) !important;
  border: 1px solid rgba(247,242,236,0.55) !important;
  border-radius: 1px !important;
  color: #F7F2EC !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
  cursor: pointer !important;
}
.gu-hero__cta:hover,
.gu-hero__cta:active {
  background: rgba(247,242,236,0.14) !important;
  border-color: rgba(247,242,236,0.9) !important;
  box-shadow: 0 0 22px rgba(229,211,189,0.18) !important;
  color: #F7F2EC !important;
}
.gu-hero__cta-arrow { transition: transform 0.28s ease !important; flex-shrink: 0 !important; }
.gu-hero__cta:hover .gu-hero__cta-arrow { transform: translateX(5px) !important; }

/* ── Dots ── */
.gu-hero__dots {
  position: absolute !important;
  z-index: 4 !important;
  bottom: 26px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  gap: 9px !important;
}
.gu-hero__dot {
  width: 26px !important;
  height: 2px !important;
  padding: 0 !important;
  border: 0 !important;
  background: rgba(247,242,236,0.38) !important;
  cursor: pointer !important;
  transition: background 0.3s ease, width 0.3s ease !important;
}
.gu-hero__dot.is-active { background: #E5D3BD !important; width: 38px !important; }

.gu-hero--active-dark .gu-hero__dot { background: rgba(26,22,20,0.28) !important; }
.gu-hero--active-dark .gu-hero__dot.is-active { background: #1A1614 !important; }

/* ── Esquema de texto OSCURO (para imágenes claras) ── */
.gu-hero--dark .gu-hero__overlay {
  background: linear-gradient(
    to top,
    rgba(247,242,236, var(--ov, 0.78)) 0%,
    rgba(247,242,236, calc(var(--ov, 0.78) * 0.6)) 42%,
    rgba(247,242,236, 0) 84%
  ) !important;
}
.gu-hero--dark .gu-hero__eyebrow {
  color: #8B6541 !important;
  text-shadow: 0 1px 8px rgba(247,242,236,0.9) !important;
}
.gu-hero--dark .gu-hero__title {
  color: #1A1614 !important;
  text-shadow: 0 1px 16px rgba(247,242,236,0.95), 0 0 44px rgba(247,242,236,0.7) !important;
}
.gu-hero--dark .gu-hero__subtitle {
  color: #3A2D27 !important;
  text-shadow: 0 1px 12px rgba(247,242,236,0.95) !important;
}
.gu-hero--dark .gu-hero__cta {
  color: #1A1614 !important;
  border-color: rgba(26,22,20,0.45) !important;
  background: rgba(247,242,236,0.4) !important;
}
.gu-hero--dark .gu-hero__cta:hover,
.gu-hero--dark .gu-hero__cta:active {
  background: #1A1614 !important;
  color: #F7F2EC !important;
  border-color: #1A1614 !important;
  box-shadow: 0 6px 22px rgba(26,22,20,0.3) !important;
}

/* ── Tablet ── */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .gu-hero { height: 75vh !important; min-height: 560px !important; max-height: none !important; }
  .gu-hero__img, .gu-hero__video { object-position: center 22% !important; }
  .gu-hero__inner { padding: 0 2.5rem 110px !important; }
  .gu-hero__content { max-width: 480px !important; }
  .gu-hero__title { font-size: clamp(2.6rem, 4.5vw, 3.2rem) !important; }
  .gu-hero__subtitle { font-size: 0.86rem !important; }
}

/* ── Desktop ── */
@media screen and (min-width: 990px) {
  .gu-hero {
    height: var(--gu-hero-h-desktop, 90vh) !important;
    min-height: 600px !important;
    max-height: none !important;
  }
  .gu-hero__slide { align-items: center !important; }
  .gu-hero__img, .gu-hero__video { object-position: 42% center !important; }
  .gu-hero__inner { padding: 3rem 5.5rem !important; }
  .gu-hero__content {
    max-width: 470px !important;
    gap: 1.1rem !important;
  }
  .gu-hero__title {
    font-size: clamp(2.8rem, 4.8vw, 3.9rem) !important;
    text-shadow: 0 2px 14px rgba(0,0,0,0.45) !important;
  }
  .gu-hero__subtitle {
    font-size: clamp(0.86rem, 1.2vw, 0.94rem) !important;
    max-width: 400px !important;
  }
  .gu-hero__cta { padding: 0.92rem 2.2rem !important; background: transparent !important; }

  /* posición del texto por slide */
  .gu-hero--text-left  .gu-hero__inner { justify-content: flex-start !important; }
  .gu-hero--text-center .gu-hero__inner { justify-content: center !important; }
  .gu-hero--text-right .gu-hero__inner { justify-content: flex-end !important; }
  .gu-hero--text-left  .gu-hero__content,
  .gu-hero--text-right .gu-hero__content { align-items: flex-start !important; text-align: left !important; }
  .gu-hero--text-center .gu-hero__content { align-items: center !important; text-align: center !important; }

  /* overlay direccional según posición del texto */
  .gu-hero--text-right .gu-hero__overlay {
    background: linear-gradient(to left,
      rgba(26,22,20, var(--ov, 0.8)) 0%,
      rgba(26,22,20, calc(var(--ov, 0.8) * 0.5)) 48%,
      rgba(26,22,20, 0) 84%) !important;
  }
  .gu-hero--text-left .gu-hero__overlay {
    background: linear-gradient(to right,
      rgba(26,22,20, var(--ov, 0.8)) 0%,
      rgba(26,22,20, calc(var(--ov, 0.8) * 0.5)) 48%,
      rgba(26,22,20, 0) 84%) !important;
  }
  .gu-hero--dark.gu-hero--text-right .gu-hero__overlay {
    background: linear-gradient(to left,
      rgba(247,242,236, var(--ov, 0.78)) 0%,
      rgba(247,242,236, calc(var(--ov, 0.78) * 0.55)) 50%,
      rgba(247,242,236, 0) 86%) !important;
  }
  .gu-hero--dark.gu-hero--text-left .gu-hero__overlay {
    background: linear-gradient(to right,
      rgba(247,242,236, var(--ov, 0.78)) 0%,
      rgba(247,242,236, calc(var(--ov, 0.78) * 0.55)) 50%,
      rgba(247,242,236, 0) 86%) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gu-hero__img--kenburns { animation: none !important; }
  .gu-hero__slide { transition: opacity 0.2s ease !important; }
}
/* END_SECTION:gu-hero */

/* START_SECTION:gu-marcas (INDEX:41) */
.gu-marcas {
    width: 100% !important;
    padding: var(--gu-marcas-pt-mobile, 40px) 0 var(--gu-marcas-pb-mobile, 40px) !important;
    background: var(--gu-marcas-bg, #ffffff) !important;
    color: var(--gu-marcas-texto, #1a1a1a) !important;
    overflow: hidden !important;
  }

  .gu-marcas-ocultar-mobile {
    display: none !important;
  }

  .gu-marcas-cabecera {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    padding: 0 20px !important;
    margin-bottom: 24px !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .gu-marcas-linea {
    flex: 1 !important;
    height: 1px !important;
    background: currentColor !important;
    opacity: 0.15 !important;
    max-width: 80px !important;
  }

  .gu-marcas-titulo {
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: inherit !important;
    white-space: nowrap !important;
  }

  .gu-marcas-marquee {
    width: 100% !important;
    overflow: hidden !important;
    mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%) !important;
  }

  .gu-marcas-pista {
    display: flex !important;
    width: max-content !important;
    animation: gu-marcas-desplazar var(--gu-marcas-velocidad, 40s) linear infinite !important;
  }

  .gu-marcas-marquee:hover .gu-marcas-pista {
    animation-play-state: paused !important;
  }

  .gu-marcas-grupo {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
  }

  .gu-marcas-item {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 28px !important;
    color: inherit !important;
    text-decoration: none !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
    opacity: 0.85 !important;
  }

  .gu-marcas-item:hover {
    opacity: 1 !important;
    transform: scale(1.05) !important;
  }

  .gu-marcas-nombre {
    font-family: inherit !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
    color: inherit !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }

  .gu-marcas-logo {
    max-height: 36px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
    filter: grayscale(100%) !important;
    transition: filter 0.3s ease !important;
  }

  .gu-marcas-item:hover .gu-marcas-logo {
    filter: grayscale(0%) !important;
  }

  .gu-marcas-separador {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 16px !important;
    color: currentColor !important;
    opacity: 0.4 !important;
  }

  @keyframes gu-marcas-desplazar {
    from { transform: translateX(0) !important; }
    to { transform: translateX(calc(-100% / 3)) !important; }
  }

  @media (min-width: 749px) {
    .gu-marcas {
      padding: 60px 0 !important;
    }
    .gu-marcas-cabecera {
      margin-bottom: 32px !important;
    }
    .gu-marcas-titulo {
      font-size: 12px !important;
    }
    .gu-marcas-linea {
      max-width: 120px !important;
    }
    .gu-marcas-nombre {
      font-size: 28px !important;
    }
    .gu-marcas-item {
      padding: 0 40px !important;
    }
    .gu-marcas-logo {
      max-height: 44px !important;
    }
  }

  @media (min-width: 990px) {
    .gu-marcas {
      padding: var(--gu-marcas-pt-desktop, 80px) 0 var(--gu-marcas-pb-desktop, 80px) !important;
    }
    .gu-marcas-nombre {
      font-size: 32px !important;
    }
    .gu-marcas-item {
      padding: 0 48px !important;
    }
    .gu-marcas-logo {
      max-height: 50px !important;
    }
    .gu-marcas-ocultar-desktop {
      display: none !important;
    }
    .gu-marcas-ocultar-mobile {
      display: block !important;
    }
  }
/* END_SECTION:gu-marcas */

/* START_SECTION:gu-newsletter (INDEX:42) */
/* ─── Base ─── */
  .gu-news {
    position: relative !important;
    width: 100% !important;
    background: #1A1614 !important;
    padding: var(--gu-news-pt-mob, 70px) 20px var(--gu-news-pb-mob, 70px) !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border-top: 1px solid rgba(201,169,110,0.18) !important;
  }

  .gu-news--ocultar-mobile { display: none !important; }

  /* ─── Watermark gem ─── */
  .gu-news__gem {
    position: absolute !important;
    right: -24px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 280px !important;
    color: #C9A96E !important;
    opacity: 0.04 !important;
    pointer-events: none !important;
    line-height: 1 !important;
    user-select: none !important;
    z-index: 0 !important;
  }

  /* ─── Inner layout ─── */
  .gu-news__inner {
    position: relative !important;
    z-index: 1 !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
  }

  /* ─── Text block ─── */
  .gu-news__texto {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  .gu-news__etiqueta {
    display: inline-block !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: #C9A96E !important;
  }

  .gu-news__titulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Cormorant Garamond', 'Cormorant', Georgia, serif !important;
    font-style: italic !important;
    font-size: clamp(36px, 8vw, 58px) !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.01em !important;
    color: #F7F2EC !important;
  }

  .gu-news__subtitulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: rgba(247,242,236,0.62) !important;
    max-width: 440px !important;
  }

  /* ─── Benefits ─── */
  .gu-news__beneficios {
    list-style: none !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .gu-news__beneficio {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
    color: rgba(247,242,236,0.72) !important;
  }

  .gu-news__beneficio-gem {
    font-size: 8px !important;
    color: #C9A96E !important;
    flex-shrink: 0 !important;
  }

  /* ─── Form column ─── */
  .gu-news__form-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  .gu-news__form {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  /* ─── Underline input ─── */
  .gu-news__campo {
    position: relative !important;
    padding-bottom: 1px !important;
  }

  .gu-news__label {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
  }

  .gu-news__input {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(247,242,236,0.22) !important;
    padding: 14px 0 12px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #F7F2EC !important;
    outline: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 0 !important;
    transition: border-color 0.3s ease !important;
    box-shadow: none !important;
  }

  .gu-news__input::placeholder {
    color: rgba(247,242,236,0.35) !important;
    font-style: italic !important;
  }

  .gu-news__input:focus {
    border-bottom-color: #C9A96E !important;
  }

  /* ─── Button ─── */
  .gu-news__boton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 15px 28px !important;
    background: #C9A96E !important;
    color: #1A1614 !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 0.3s ease, transform 0.25s ease !important;
    margin-top: 4px !important;
  }

  .gu-news__boton:hover {
    background: #b8945a !important;
    transform: translateY(-1px) !important;
  }

  .gu-news__boton-arrow {
    transition: transform 0.3s ease !important;
    font-style: normal !important;
  }

  .gu-news__boton:hover .gu-news__boton-arrow {
    transform: translateX(4px) !important;
  }

  /* ─── Messages ─── */
  .gu-news__ok {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 20px 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: rgba(247,242,236,0.85) !important;
  }

  .gu-news__ok-gem {
    color: #C9A96E !important;
    font-size: 12px !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
  }

  .gu-news__error {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: #e07070 !important;
    margin-top: -4px !important;
  }

  .gu-news__legales {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
    color: rgba(247,242,236,0.28) !important;
    letter-spacing: 0.03em !important;
  }

  /* ─── Desktop layout ─── */
  @media (min-width: 750px) {
    .gu-news {
      padding: var(--gu-news-pt-mob, 70px) 40px var(--gu-news-pb-mob, 70px) !important;
    }

    .gu-news__inner {
      flex-direction: row !important;
      align-items: center !important;
      gap: 80px !important;
    }

    .gu-news__texto {
      flex: 1 1 0 !important;
    }

    .gu-news__form-col {
      flex: 0 0 380px !important;
      width: 380px !important;
    }

    .gu-news__beneficios {
      flex-direction: row !important;
      flex-wrap: wrap !important;
      gap: 10px 28px !important;
    }

    .gu-news__gem {
      right: -60px !important;
    }
  }

  @media (min-width: 990px) {
    .gu-news {
      padding: var(--gu-news-pt-desk, 110px) 60px var(--gu-news-pb-desk, 110px) !important;
    }

    .gu-news--ocultar-desktop { display: none !important; }
    .gu-news--ocultar-mobile { display: block !important; }

    .gu-news__form-col {
      flex: 0 0 420px !important;
      width: 420px !important;
    }
  }
/* END_SECTION:gu-newsletter */

/* START_SECTION:gu-product-ficha (INDEX:43) */
.gu-ficha {
  max-width: 920px;
  margin: 0 auto;
  padding: 40px 24px 64px;
  font-family: 'Inter', sans-serif;
  color: #1A1614;
  background: #FAF7F2;
}

.gu-ficha__beneficios {
  padding: 0 0 36px;
  border-bottom: 1px solid #EDE5D5;
  margin-bottom: 8px;
}

.gu-ficha__heading {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: #1A1614;
  margin: 0 0 24px;
}

.gu-ficha__benefits-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.gu-ficha__benefit {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #EDE5D5;
}
.gu-ficha__benefit:last-child { border-bottom: none; padding-bottom: 0; }
.gu-ficha__benefit:first-child { padding-top: 0; }

.gu-ficha__benefit-icon {
  flex-shrink: 0;
  color: #C9A96E;
  margin-top: 4px;
}

.gu-ficha__benefit-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.gu-ficha__benefit-title {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1A1614;
  line-height: 1.4;
}

.gu-ficha__benefit-desc {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #3A2A20;
}

.gu-ficha__accordions {
  display: flex;
  flex-direction: column;
}

.gu-ficha__accordion {
  border-bottom: 1px solid #EDE5D5;
  background: transparent;
}

.gu-ficha__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 0;
  cursor: pointer;
  list-style: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.2s ease;
}
.gu-ficha__head::-webkit-details-marker { display: none; }
.gu-ficha__head:hover { color: #5C3D2E; }
.gu-ficha__head:focus-visible { outline: 1px solid #C9A96E; outline-offset: 4px; }

.gu-ficha__label {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: inherit;
}

.gu-ficha__icon {
  flex-shrink: 0;
  color: #1A1614;
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
  display: inline-flex;
}

.gu-ficha__accordion[open] > .gu-ficha__head .gu-ficha__icon {
  transform: rotate(45deg);
}

.gu-ficha__panel {
  display: block !important;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.gu-ficha__inner {
  padding: 0 0 28px;
}

.gu-ficha__detalles {
  margin: 0;
  display: flex;
  flex-direction: column;
}

.gu-ficha__detalle-row {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid #F4ECDD;
  align-items: baseline;
}
.gu-ficha__detalle-row:first-child { padding-top: 0; }
.gu-ficha__detalle-row:last-child { border-bottom: none; padding-bottom: 0; }

.gu-ficha__detalle-row dt {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #9A8A7A;
}

.gu-ficha__detalle-row dd {
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
  color: #1A1614;
}

.gu-ficha__ingre-list {
  display: flex;
  flex-direction: column;
}

.gu-ficha__ingre-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 0;
  border-bottom: 1px solid #F4ECDD;
}
.gu-ficha__ingre-item:first-child { padding-top: 0; }
.gu-ficha__ingre-item:last-child { border-bottom: none; padding-bottom: 0; }

.gu-ficha__ingre-item strong {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1A1614;
}

.gu-ficha__ingre-item span {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #3A2A20;
}

.gu-ficha__text p {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  color: #3A2A20;
  margin: 0 0 12px;
}
.gu-ficha__text p:last-child { margin-bottom: 0; }

.gu-ficha__modo {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.gu-ficha__step {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 14px 0;
  border-bottom: 1px solid #F4ECDD;
}
.gu-ficha__step:first-child { padding-top: 0; }
.gu-ficha__step:last-child { border-bottom: none; padding-bottom: 0; }

.gu-ficha__step-num {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #1A1614;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  color: #1A1614;
}

.gu-ficha__step-text {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #3A2A20;
  flex: 1;
  margin-top: 4px;
}

.gu-ficha__step--tip .gu-ficha__step-tag {
  flex-shrink: 0;
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #C9A96E;
  padding: 6px 10px;
  border: 1px solid #C9A96E;
  align-self: flex-start;
}

.gu-ficha__faq-list {
  display: flex;
  flex-direction: column;
}

.gu-ficha__faq-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 0;
  border-bottom: 1px solid #F4ECDD;
}
.gu-ficha__faq-item:first-child { padding-top: 0; }
.gu-ficha__faq-item:last-child { border-bottom: none; padding-bottom: 0; }

.gu-ficha__faq-q {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #1A1614;
  line-height: 1.4;
}

.gu-ficha__faq-a {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #3A2A20;
}

@media (max-width: 749px) {
  .gu-ficha { padding: 28px 20px 48px; }
  .gu-ficha__heading { font-size: 13px; letter-spacing: 0.2em; margin-bottom: 18px; }
  .gu-ficha__head { padding: 18px 0; }
  .gu-ficha__label { font-size: 12px; letter-spacing: 0.18em; }
  .gu-ficha__detalle-row { grid-template-columns: 120px 1fr; gap: 12px; }
  .gu-ficha__inner { padding-bottom: 24px; }
}

@media (max-width: 549px) {
  .gu-ficha__detalle-row { grid-template-columns: 1fr; gap: 4px; }
}
/* END_SECTION:gu-product-ficha */

/* START_SECTION:gu-product-info (INDEX:45) */
/* ═══════════════════════════════════════════════════════════════
   GU-PRODUCT-INFO — Quiet Luxury Beauty · Glowup Makeup & Skincare
   Los overrides de Dawn van en assets/gu-product-overrides.css
   ═══════════════════════════════════════════════════════════════ */

/* ─── TRUST BADGES ──────────────────────────────────────────────── */
.gu-trust {
  border-top: 1px solid #E5D3BD !important;
  border-bottom: 1px solid #E5D3BD !important;
  padding: 1rem 0 !important;
  background: #FAF7F2 !important;
}

.gu-trust__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 0.6rem 0 !important;
  padding: 0 1.5rem !important;
}

.gu-trust__item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #3A2A20 !important;
  padding: 0.3rem 0.8rem !important;
  white-space: nowrap !important;
}

.gu-trust__icon {
  color: #5C3D2E !important;
  flex-shrink: 0 !important;
}

.gu-trust__sep {
  width: 1px !important;
  height: 14px !important;
  background: #E5D3BD !important;
  flex-shrink: 0 !important;
}

@media screen and (max-width: 749px) {
  .gu-trust__sep:nth-child(4),
  .gu-trust__sep:nth-child(4) ~ .gu-trust__item { display: none !important; }
}

/* ─── PRODUCT INFO CONTAINER ───────────────────────────────────── */
.gu-pinfo {
  max-width: 65rem !important;
  margin: 0 auto !important;
  padding: 2.5rem 1.5rem !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

/* ─── BENEFITS CARD ────────────────────────────────────────────── */
.gu-pinfo__benefits-card {
  background: #F7F2EC !important;
  border-radius: 3px !important;
  padding: 1.8rem !important;
  margin-bottom: 0 !important;
}

.gu-pinfo__benefits-heading {
  font-family: 'Inter', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.24em !important;
  text-transform: uppercase !important;
  color: #1A1614 !important;
  margin: 0 0 1.4rem !important;
}

.gu-pinfo__benefits-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.3rem !important;
}

.gu-pinfo__benefit-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.85rem !important;
}

.gu-pinfo__benefit-check {
  color: #5C3D2E !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.gu-pinfo__benefit-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.18rem !important;
}

.gu-pinfo__benefit-titulo {
  display: block !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #1A1614 !important;
}

.gu-pinfo__benefit-desc {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.65 !important;
  color: #5C3D2E !important;
  margin: 0 !important;
}

/* ─── ACCORDIONS ───────────────────────────────────────────────── */
.gu-pinfo__accordions {
  border-top: 1px solid #E5D3BD !important;
}

.gu-pinfo__accordion {
  border-bottom: 1px solid #E5D3BD !important;
}

.gu-pinfo__accordion-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 1.1rem 0 !important;
  cursor: pointer !important;
  list-style: none !important;
  user-select: none !important;
  gap: 1rem !important;
  -webkit-tap-highlight-color: transparent !important;
}
.gu-pinfo__accordion-summary::-webkit-details-marker { display: none !important; }

.gu-pinfo__accordion-label {
  font-family: 'Inter', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: #1A1614 !important;
}

.gu-pinfo__accordion-toggle {
  color: #1A1614 !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.gu-pinfo__accordion .gu-icon-minus { display: none !important; }
.gu-pinfo__accordion[open] .gu-icon-plus  { display: none !important; }
.gu-pinfo__accordion[open] .gu-icon-minus { display: flex !important; }

.gu-pinfo__accordion-body {
  display: grid !important;
  grid-template-rows: 0fr !important;
  transition: grid-template-rows 0.28s ease !important;
}
.gu-pinfo__accordion[open] .gu-pinfo__accordion-body {
  grid-template-rows: 1fr !important;
}

.gu-pinfo__accordion-inner {
  overflow: hidden !important;
  padding: 0 0 1.4rem !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.78 !important;
  color: #3A2A20 !important;
}

.gu-pinfo__accordion-inner p  { margin: 0 0 0.7rem !important; }
.gu-pinfo__accordion-inner p:last-child { margin-bottom: 0 !important; }
.gu-pinfo__accordion-inner ul { margin: 0 0 0.7rem !important; padding-left: 1.1rem !important; }
.gu-pinfo__accordion-inner li { margin-bottom: 0.35rem !important; }
.gu-pinfo__accordion-inner strong { font-weight: 500 !important; color: #1A1614 !important; }

/* ─── STICKY MOBILE CTA ────────────────────────────────────────── */
.gu-sticky-cta {
  display: none !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 200 !important;
  background: #FAF7F2 !important;
  border-top: 1px solid #E5D3BD !important;
  padding: 0.75rem 1.2rem !important;
  box-shadow: 0 -4px 20px rgba(26, 22, 20, 0.08) !important;
  transform: translateY(100%) !important;
  transition: transform 0.30s ease !important;
}

.gu-sticky-cta.gu-sticky-cta--visible {
  display: block !important;
  transform: translateY(0) !important;
}

.gu-sticky-cta__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  max-width: 500px !important;
  margin: 0 auto !important;
}

.gu-sticky-cta__info {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.1rem !important;
  min-width: 0 !important;
}

.gu-sticky-cta__title {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #1A1614 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.gu-sticky-cta__price {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #1A1614 !important;
}

.gu-sticky-cta__btn {
  background: #1A1614 !important;
  color: #F7F2EC !important;
  border: none !important;
  border-radius: 1px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  padding: 0.85rem 1.4rem !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

/* Sticky CTA solo en mobile */
@media screen and (min-width: 990px) {
  .gu-sticky-cta { display: none !important; }
}

/* ─── Desktop layout ajustes ───────────────────────────────────── */
@media screen and (min-width: 990px) {
  .gu-pinfo {
    padding: 3rem 0 !important;
  }
  .gu-pinfo__benefits-card {
    padding: 2.2rem !important;
  }
  .gu-pinfo__benefit-titulo { font-size: 11px !important; }
  .gu-pinfo__benefit-desc   { font-size: 14px !important; }
  .gu-pinfo__accordion-label { font-size: 11px !important; }
  .gu-pinfo__accordion-inner { font-size: 14px !important; }
}
/* END_SECTION:gu-product-info */

/* START_SECTION:gu-productos-destacados (INDEX:48) */
.gu-prods {
    width: 100% !important;
    padding: var(--gu-prods-pt-mobile, 60px) 0 var(--gu-prods-pb-mobile, 60px) !important;
    background: var(--gu-prods-bg, #ffffff) !important;
    color: var(--gu-prods-texto, #1a1a1a) !important;
    overflow: hidden !important;
  }

  .gu-prods-ocultar-mobile {
    display: none !important;
  }

  .gu-prods-contenedor {
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
  }

  .gu-prods-cabecera {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    margin-bottom: 28px !important;
  }

  .gu-prods-cabecera-textos {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .gu-prods-etiqueta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    opacity: 0.7 !important;
  }

  .gu-prods-etiqueta-marca {
    color: var(--gu-prods-acento, #d4806f) !important;
    font-size: 13px !important;
  }

  .gu-prods-titulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    color: inherit !important;
  }

  .gu-prods-subtitulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
    color: inherit !important;
    opacity: 0.7 !important;
    max-width: 580px !important;
  }

  .gu-prods-vertodo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    align-self: flex-start !important;
    padding: 12px 0 !important;
    color: inherit !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border-bottom: 1.5px solid currentColor !important;
    transition: opacity 0.3s ease !important;
  }

  .gu-prods-vertodo:hover {
    opacity: 0.65 !important;
  }

  .gu-prods-vertodo-flecha {
    display: inline-flex !important;
    transition: transform 0.3s ease !important;
  }

  .gu-prods-vertodo:hover .gu-prods-vertodo-flecha {
    transform: translateX(4px) !important;
  }

  .gu-prods-pista {
    width: 100% !important;
  }

  .gu-prods-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--gu-prods-cols-mobile, 2), 1fr) !important;
    gap: 12px !important;
  }

  .gu-prods-carrusel-mobile .gu-prods-pista {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    margin: 0 -16px !important;
    padding: 0 16px !important;
  }

  .gu-prods-carrusel-mobile .gu-prods-pista::-webkit-scrollbar {
    display: none !important;
  }

  .gu-prods-carrusel-mobile .gu-prods-grid {
    display: flex !important;
    gap: 12px !important;
  }

  .gu-prods-carrusel-mobile .gu-prods-card {
    flex: 0 0 70% !important;
    scroll-snap-align: start !important;
  }

  .gu-prods-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    background: var(--gu-prods-card-bg, #faf3e7) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
  }

  .gu-prods-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 20px 40px -16px rgba(0, 0, 0, 0.15) !important;
  }

  .gu-prods-card-agotado {
    opacity: 0.7 !important;
  }

  .gu-prods-card-imagen-wrap {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    background: var(--gu-prods-card-bg, #faf3e7) !important;
  }

  .gu-prods-card-imagen {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 16px !important;
    display: block !important;
    transition: opacity 0.4s ease, transform 0.5s ease !important;
  }

  .gu-prods-card-imagen-principal {
    opacity: 1 !important;
    z-index: 1 !important;
  }

  .gu-prods-card-imagen-hover {
    opacity: 0 !important;
    z-index: 2 !important;
  }

  .gu-prods-card:hover .gu-prods-card-imagen-principal {
    opacity: 0 !important;
    transform: scale(1.05) !important;
  }

  .gu-prods-card:hover .gu-prods-card-imagen-hover {
    opacity: 1 !important;
    transform: scale(1.05) !important;
  }

  .gu-prods-card-placeholder {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(0, 0, 0, 0.15) !important;
    font-size: 48px !important;
  }

  .gu-prods-card-badges {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    align-items: flex-start !important;
  }

  .gu-prods-card-badge {
    display: inline-block !important;
    padding: 5px 10px !important;
    border-radius: 100px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
  }

  .gu-prods-card-badge-descuento {
    background: #1a1a1a !important;
    color: #ffffff !important;
  }

  .gu-prods-card-badge-agotado {
    background: #ffffff !important;
    color: #1a1a1a !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
  }

  .gu-prods-card-quick {
    position: absolute !important;
    bottom: 12px !important;
    left: 12px !important;
    right: 12px !important;
    z-index: 4 !important;
    padding: 10px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 100px !important;
    text-align: center !important;
    opacity: 0 !important;
    transform: translateY(8px) !important;
    transition: opacity 0.3s ease, transform 0.3s ease !important;
  }

  .gu-prods-card:hover .gu-prods-card-quick {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  .gu-prods-card-quick-texto {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
  }

  .gu-prods-card-info {
    padding: 14px 12px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  .gu-prods-card-vendor {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    opacity: 0.6 !important;
  }

  .gu-prods-card-titulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    color: inherit !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .gu-prods-card-descripcion {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    opacity: 0.7 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .gu-prods-card-precios {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin-top: 6px !important;
    flex-wrap: wrap !important;
  }

  .gu-prods-card-precio {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: inherit !important;
  }

  .gu-prods-card-precio-oferta {
    color: #c44545 !important;
  }

  .gu-prods-card-precio-tachado {
    text-decoration: line-through !important;
    font-weight: 400 !important;
    opacity: 0.45 !important;
    font-size: 12px !important;
  }

  @media (min-width: 749px) {
    .gu-prods {
      padding: 80px 0 !important;
    }
    .gu-prods-contenedor {
      padding: 0 32px !important;
    }
    .gu-prods-cabecera {
      flex-direction: row !important;
      justify-content: space-between !important;
      align-items: flex-end !important;
      gap: 32px !important;
      margin-bottom: 40px !important;
    }
    .gu-prods-titulo {
      font-size: 44px !important;
    }
    .gu-prods-subtitulo {
      font-size: 16px !important;
    }
    .gu-prods-grid {
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 20px !important;
    }
    .gu-prods-card {
      border-radius: 24px !important;
    }
    .gu-prods-card-info {
      padding: 18px 18px 22px !important;
    }
    .gu-prods-card-titulo {
      font-size: 15px !important;
    }
    .gu-prods-card-precio {
      font-size: 16px !important;
    }
    .gu-prods-carrusel-mobile .gu-prods-pista {
      overflow: visible !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    .gu-prods-carrusel-mobile .gu-prods-grid {
      display: grid !important;
      grid-template-columns: repeat(3, 1fr) !important;
    }
    .gu-prods-carrusel-mobile .gu-prods-card {
      flex: 1 !important;
    }
  }

  @media (min-width: 990px) {
    .gu-prods {
      padding: var(--gu-prods-pt-desktop, 100px) 0 var(--gu-prods-pb-desktop, 100px) !important;
    }
    .gu-prods-contenedor {
      padding: 0 60px !important;
    }
    .gu-prods-cabecera {
      margin-bottom: 52px !important;
    }
    .gu-prods-titulo {
      font-size: 56px !important;
    }
    .gu-prods-grid {
      grid-template-columns: repeat(var(--gu-prods-cols-desktop, 4), 1fr) !important;
      gap: 24px !important;
    }
    .gu-prods-carrusel-mobile .gu-prods-grid {
      grid-template-columns: repeat(var(--gu-prods-cols-desktop, 4), 1fr) !important;
    }
    .gu-prods-card-titulo {
      font-size: 16px !important;
    }
    .gu-prods-card-precio {
      font-size: 18px !important;
    }
    .gu-prods-ocultar-desktop {
      display: none !important;
    }
    .gu-prods-ocultar-mobile {
      display: block !important;
    }
  }
/* END_SECTION:gu-productos-destacados */

/* START_SECTION:gu-productos-en-accion (INDEX:49) */
/* ════════════════════════════════════════════
   gu-productos-en-accion — Glowup Makeup & Skincare
   Carrusel de videos verticales 9:16 + tarjeta de producto
   ═════════════════════════════════════════��══ */

.gu-accion {
  overflow: hidden;
}

/* ── Header ── */
.gu-accion__header {
  text-align: center;
  margin-bottom: 28px;
}

.gu-accion__title {
  font-family: var(--font-heading-family, 'Cormorant Garamond', serif);
  font-size: clamp(1.7rem, 5vw, 2.6rem);
  font-weight: 500;
  letter-spacing: 0.03em;
  color: #1A1614;
  margin: 0 0 10px;
  line-height: 1.15;
  -webkit-text-stroke: 1px #8B6914;
  paint-order: stroke fill;
}

.gu-accion__subtitle {
  font-family: var(--font-body-family, sans-serif);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #1A1614;
  margin: 0;
  -webkit-text-stroke: 0.6px #8B6914;
  paint-order: stroke fill;
}

/* ── Stage (ancla las flechas) ── */
.gu-accion__stage {
  position: relative;
}

/* ── Flechas — ocultas en mobile ── */
.gu-accion__arrow {
  display: none;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 10;
  background: rgba(250, 247, 242, 0.96);
  border: 1px solid #E5D3BD;
  color: #1A1614;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0,0,0,0.09);
  transition: background 0.22s ease, box-shadow 0.22s ease;
  padding: 0;
}

.gu-accion__arrow:hover {
  background: #fff;
  box-shadow: 0 4px 18px rgba(0,0,0,0.14);
}

.gu-accion__arrow[disabled] {
  opacity: 0.25;
  pointer-events: none;
}

.gu-accion__arrow--prev { left: 6px; }
.gu-accion__arrow--next { right: 6px; }

/* ── Scroll container ── */
.gu-accion__scroll {
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 4px 20px 8px;
  scroll-padding-left: 20px;
}

.gu-accion__scroll::-webkit-scrollbar {
  display: none;
}

/* ── Track ── */
.gu-accion__track {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  width: max-content;
}

/* ── Card ── */
.gu-accion__card {
  flex-shrink: 0;
  /* muestra ~20px de la tarjeta siguiente en mobile */
  width: calc(100vw - 52px);
  max-width: 300px;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* ── Video wrap 9:16 ── */
.gu-accion__video-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  border-radius: var(--gu-accion-radius, 16px);
  overflow: hidden;
  background: #1A1614;
  display: block;
  text-decoration: none;
}

/* Cursor pointer cuando el video-wrap es un link */
a.gu-accion__video-wrap {
  cursor: pointer;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

a.gu-accion__video-wrap:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(26, 22, 20, 0.18);
}

.gu-accion__video,
.gu-accion__poster-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.gu-accion__poster-only {
  width: 100%;
  height: 100%;
}

/* ── Placeholder sin contenido ── */
.gu-accion__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(160deg, #1A1614 0%, #2e1f1a 100%);
}

/* ── Badge ── */
.gu-accion__badge {
  position: absolute;
  top: 14px;
  left: 14px;
  background: rgba(250, 247, 242, 0.86);
  color: #1A1614;
  font-family: var(--font-body-family, 'Inter', sans-serif);
  font-size: 0.59rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  padding: 5px 11px;
  border-radius: 20px;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: none;
  white-space: nowrap;
}

/* ── Botón de sonido ── */
.gu-accion__sound {
  position: absolute;
  bottom: 14px;
  right: 14px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(250, 247, 242, 0.82);
  border: 1px solid rgba(229, 211, 189, 0.5);
  color: #1A1614;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background 0.2s ease;
  padding: 0;
}

.gu-accion__sound:hover {
  background: rgba(250, 247, 242, 1);
}

/* Iconos de sonido: off/on */
.gu-accion__snd-on { display: none; }

.gu-accion__sound[data-muted="false"] .gu-accion__snd-off { display: none; }
.gu-accion__sound[data-muted="false"] .gu-accion__snd-on  { display: block; }

/* ── Tarjeta de producto ── */
.gu-accion__product {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #E5D3BD;
  border-radius: 12px;
  min-height: 74px;
}

.gu-accion__thumb-wrap {
  flex-shrink: 0;
}

.gu-accion__thumb {
  width: 52px;
  height: 52px;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

.gu-accion__info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.gu-accion__pname {
  font-family: var(--font-body-family, 'Inter', sans-serif);
  font-size: 0.73rem;
  font-weight: 500;
  color: #1A1614;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.gu-accion__pprice {
  font-family: var(--font-body-family, 'Inter', sans-serif);
  font-size: 0.7rem;
  color: #5C3D2E;
  font-weight: 400;
}

/* ── Botón Ver producto / + — Luxury v2 (cache-bust 2026-05-14-2305) ── */
.gu-accion__btn {
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  background: #5C3D2E !important;
  color: #FAF7F2 !important;
  border-radius: 2px !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border: 1px solid #5C3D2E !important;
  transition: border-color 0.45s ease, letter-spacing 0.45s ease, box-shadow 0.45s ease, color 0.45s ease, transform 0.15s ease !important;
  cursor: pointer !important;
}

/* Espresso fill que sube desde abajo */
.gu-accion__btn::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, #2A1F1A 0%, #0F0B09 100%) !important;
  transform: translateY(101%) !important;
  transition: transform 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  z-index: -2 !important;
}

/* Gold shimmer sweep */
.gu-accion__btn::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -130% !important;
  width: 75% !important;
  height: 100% !important;
  background: linear-gradient(
    100deg,
    transparent 0%,
    rgba(201, 169, 110, 0.2) 35%,
    rgba(232, 195, 130, 0.6) 50%,
    rgba(201, 169, 110, 0.2) 65%,
    transparent 100%
  ) !important;
  transition: left 0.75s ease 0.12s !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

.gu-accion__btn:not(.gu-accion__btn--plus) {
  font-family: var(--font-body-family, 'Inter', sans-serif) !important;
  font-size: 0.62rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  padding: 10px 16px !important;
  white-space: nowrap !important;
}

.gu-accion__btn--plus {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #5C3D2E;
  padding: 0;
}

/* Estados del botón + (default / loading / success) */
.gu-accion__btn--plus .gu-accion__btn-state {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: scale(0.4);
  transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  z-index: 2;
  pointer-events: none;
}

.gu-accion__btn--plus .gu-accion__btn-state[data-state="default"] {
  opacity: 1;
  transform: scale(1);
}

.gu-accion__btn--plus[data-status="loading"] .gu-accion__btn-state[data-state="default"] { opacity: 0; transform: scale(0.4); }
.gu-accion__btn--plus[data-status="loading"] .gu-accion__btn-state[data-state="loading"] { opacity: 1; transform: scale(1); animation: gu-accion-spin 0.7s linear infinite; }

.gu-accion__btn--plus[data-status="success"] .gu-accion__btn-state[data-state="default"] { opacity: 0; transform: scale(0.4); }
.gu-accion__btn--plus[data-status="success"] .gu-accion__btn-state[data-state="success"] { opacity: 1; transform: scale(1); color: #E8C382; }
.gu-accion__btn--plus[data-status="success"] { border-color: #C9A96E; }

@keyframes gu-accion-spin {
  to { transform: rotate(360deg) scale(1); }
}

.gu-accion__btn:hover,
.gu-accion__btn:focus-visible {
  color: #F7F2EC !important;
  border-color: #C9A96E !important;
  letter-spacing: 0.28em !important;
  box-shadow:
    inset 0 0 0 1px rgba(232, 195, 130, 0.35),
    0 10px 22px -12px rgba(201, 169, 110, 0.55),
    0 6px 14px -8px rgba(26, 22, 20, 0.4) !important;
}

.gu-accion__btn:hover::before,
.gu-accion__btn:focus-visible::before {
  transform: translateY(0) !important;
}

.gu-accion__btn:hover::after,
.gu-accion__btn:focus-visible::after {
  left: 145% !important;
}

.gu-accion__btn--plus:hover,
.gu-accion__btn--plus:focus-visible {
  letter-spacing: normal !important;
}

.gu-accion__btn:active {
  transform: scale(0.96) !important;
  transition-duration: 0.12s !important;
}

/* ══ Mobile: center-scale carousel ═════════ */
@media screen and (max-width: 749px) {
  .gu-accion__scroll {
    padding: 6px 36px 10px;
    scroll-padding-left: 36px;
  }
  .gu-accion__card {
    width: calc(100vw - 72px);
    max-width: 300px;
    scroll-snap-align: center;
    transform: scale(0.82);
    opacity: 0.50;
    transform-origin: center center;
    transition: transform 0.36s cubic-bezier(0.22,1,0.36,1), opacity 0.28s ease;
    will-change: transform, opacity;
  }
  .gu-accion__card.is-center {
    transform: scale(1);
    opacity: 1;
    position: relative;
    z-index: 2;
  }
  /* El hover de video-wrap no debe interferir con la escala */
  .gu-accion__card:not(.is-center) a.gu-accion__video-wrap:hover {
    transform: none;
    box-shadow: none;
  }
}

/* ══ Desktop hover: card en foco ════════════ */
@media screen and (min-width: 750px) {
  .gu-accion__card {
    transition: transform 0.32s cubic-bezier(0.22,1,0.36,1), opacity 0.25s ease;
    will-change: transform, opacity;
  }
  .gu-accion__card:hover {
    transform: scale(1.06);
    position: relative;
    z-index: 3;
  }
  /* Las cards no-hovered se atenúan */
  .gu-accion__track:has(.gu-accion__card:hover) .gu-accion__card:not(:hover) {
    opacity: 0.55;
    transform: scale(0.94);
  }
  /* El video-wrap ya no necesita su propio translateY — la card escala entera */
  a.gu-accion__video-wrap:hover {
    transform: none;
    box-shadow: none;
  }
}

/* ══ Tablet 750px+ ══════════════════════════ */
@media screen and (min-width: 750px) {
  .gu-accion__header {
    margin-bottom: 36px;
  }

  .gu-accion__scroll {
    padding: 4px 44px 8px;
    scroll-padding-left: 44px;
    -webkit-mask-image: linear-gradient(
      to right,
      transparent 0%,
      #000 5%,
      #000 95%,
      transparent 100%
    );
    mask-image: linear-gradient(
      to right,
      transparent 0%,
      #000 5%,
      #000 95%,
      transparent 100%
    );
  }

  .gu-accion__track {
    gap: 16px;
  }

  /* ~3 tarjetas visibles en tablet */
  .gu-accion__card {
    width: 230px;
    max-width: 260px;
  }

  .gu-accion__arrow {
    display: flex;
  }

  .gu-accion__arrow--prev { left: 4px; }
  .gu-accion__arrow--next { right: 4px; }
}

/* ══ Desktop 990px+ ═════════════════════════ */
@media screen and (min-width: 990px) {
  .gu-accion__header {
    margin-bottom: 44px;
  }

  /* Ancho calculado para mostrar exactamente --gu-accion-cols tarjetas */
  .gu-accion__card {
    width: calc(
      (100vw - 88px - (var(--gu-accion-cols) - 1) * 16px) / var(--gu-accion-cols)
    );
    max-width: 320px;
  }

  .gu-accion__thumb {
    width: 56px;
    height: 56px;
  }

  .gu-accion__pname  { font-size: 0.78rem; }
  .gu-accion__pprice { font-size: 0.73rem; }

  .gu-accion__btn:not(.gu-accion__btn--plus) {
    font-size: 0.63rem;
    padding: 9px 14px;
  }
}
/* END_SECTION:gu-productos-en-accion */

/* START_SECTION:gu-quiz-maquillaje (INDEX:50) */
/* ─── Base — Glam rose gradient ─── */
  .gu-quizm {
    background: linear-gradient(180deg, #F8F0EA 0%, #FAF7F2 100%) !important;
    min-height: 100vh !important;
    padding: 0 !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    color: #1A1614 !important;
    overflow: hidden !important;
    position: relative !important;
  }

  /* ─── Progress bar ─── */
  .gu-quizm__bar {
    position: sticky !important; top: 0 !important;
    height: 2px !important; background: rgba(212,165,116,0.16) !important; z-index: 10 !important;
  }
  .gu-quizm__bar-fill {
    height: 100% !important; width: 0 !important;
    background: linear-gradient(90deg, #D4A574, #C9A96E) !important;
    transition: width 0.4s cubic-bezier(0.22,1,0.36,1) !important;
  }

  /* ─── Stage ─── */
  .gu-quizm__stage {
    position: relative !important;
    min-height: calc(100vh - 2px) !important;
    padding: 32px 20px 60px !important;
    box-sizing: border-box !important;
  }
  .gu-quizm__step {
    display: none !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    animation: gu-quizm-fade 0.4s ease both !important;
  }
  .gu-quizm__step--active { display: block !important; }
  @keyframes gu-quizm-fade {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* ─── Ornament row ─── */
  .gu-quizm__orn-row {
    display: flex !important; align-items: center !important; justify-content: center !important;
    gap: 12px !important; margin: 0 0 16px !important;
  }
  .gu-quizm__orn-line { width: 60px !important; height: 1px !important; background: #D4A574 !important; opacity: 0.5 !important; }
  .gu-quizm__orn-gem  { color: #D4A574 !important; font-size: 10px !important; transform: rotate(45deg) !important; }

  .gu-quizm__eyebrow {
    display: block !important;
    font-size: 10px !important; font-weight: 600 !important;
    letter-spacing: 0.24em !important; text-transform: uppercase !important;
    color: #B8895F !important; margin-bottom: 14px !important; text-align: center !important;
  }
  .gu-quizm__paso-label {
    display: block !important;
    font-size: 10px !important; font-weight: 500 !important;
    letter-spacing: 0.18em !important; text-transform: uppercase !important;
    color: rgba(26,22,20,0.4) !important; margin-bottom: 16px !important;
  }

  /* ─── Intro ─── */
  .gu-quizm__intro { text-align: center !important; padding: 40px 0 !important; }
  .gu-quizm__titulo {
    margin: 0 0 16px !important; padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: clamp(32px, 8vw, 50px) !important;
    font-weight: 400 !important; line-height: 1.08 !important;
    letter-spacing: -0.01em !important; color: #1A1614 !important;
  }
  .gu-quizm__subtitulo {
    margin: 0 0 32px !important; padding: 0 !important;
    font-size: 15px !important; line-height: 1.65 !important;
    color: rgba(26,22,20,0.65) !important;
  }

  /* ─── Pregunta ─── */
  .gu-quizm__pregunta {
    margin: 0 0 20px !important; padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: clamp(24px, 6vw, 32px) !important;
    font-weight: 400 !important; line-height: 1.15 !important; color: #1A1614 !important;
  }
  .gu-quizm__sub-pregunta {
    margin: -10px 0 24px !important; padding: 0 !important;
    font-size: 14px !important; line-height: 1.6 !important;
    color: rgba(26,22,20,0.62) !important;
  }
  .gu-quizm__hint {
    margin: -10px 0 18px !important; padding: 0 !important;
    font-size: 12px !important; color: rgba(26,22,20,0.5) !important; font-style: italic !important;
  }

  /* ─── Guía subtono (paso 3) ─── */
  .gu-quizm__guia {
    background: #FFFFFF !important;
    border: 1px solid rgba(212,165,116,0.32) !important;
    border-radius: 8px !important;
    padding: 16px 18px !important; margin-bottom: 20px !important;
  }
  .gu-quizm__guia p {
    margin: 0 0 8px !important; padding: 0 !important;
    font-size: 12.5px !important; line-height: 1.55 !important;
    color: rgba(26,22,20,0.72) !important;
  }
  .gu-quizm__guia p:last-child { margin-bottom: 0 !important; }
  .gu-quizm__guia strong { color: #B8895F !important; font-weight: 600 !important; }

  /* ─── Opciones ─── */
  .gu-quizm__opciones {
    display: flex !important; flex-direction: column !important;
    gap: 10px !important; margin-bottom: 28px !important;
  }
  .gu-quizm__opcion {
    width: 100% !important; min-height: 56px !important;
    padding: 16px 20px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(212,165,116,0.28) !important;
    border-radius: 8px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important; font-weight: 500 !important;
    color: #1A1614 !important; text-align: left !important; cursor: pointer !important;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
    -webkit-tap-highlight-color: transparent !important;
    position: relative !important; overflow: hidden !important;
  }
  .gu-quizm__opcion:hover {
    border-color: #D4A574 !important;
    box-shadow: 0 4px 16px rgba(212,165,116,0.12) !important;
  }
  .gu-quizm__opcion:active { transform: scale(0.98) !important; }
  .gu-quizm__opcion--active {
    background: linear-gradient(135deg, #1A1614 0%, #2A211C 100%) !important;
    border-color: #1A1614 !important; color: #F7F2EC !important;
    box-shadow: 0 4px 20px rgba(26,22,20,0.18) !important;
  }
  .gu-quizm__opcion--active::after {
    content: '' !important; position: absolute !important;
    top: 0 !important; left: 0 !important; width: 3px !important; height: 100% !important;
    background: #D4A574 !important;
  }

  /* ─── Tonos con swatch ─── */
  .gu-quizm__opcion-tono { display: flex !important; align-items: center !important; gap: 14px !important; }
  .gu-quizm__swatch {
    display: inline-block !important; width: 28px !important; height: 28px !important;
    border-radius: 50% !important; flex-shrink: 0 !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    box-shadow: inset 0 1px 2px rgba(255,255,255,0.30) !important;
  }

  /* ─── CTA ─── */
  .gu-quizm__cta {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    gap: 10px !important; min-height: 52px !important;
    padding: 14px 30px !important;
    background: #1A1614 !important; color: #F7F2EC !important;
    border: none !important; border-radius: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important; font-weight: 700 !important;
    letter-spacing: 0.18em !important; text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 0.25s ease, transform 0.2s ease !important;
    margin-top: 8px !important; width: 100% !important;
    box-sizing: border-box !important; -webkit-tap-highlight-color: transparent !important;
    position: relative !important; overflow: hidden !important;
  }
  .gu-quizm__cta::before {
    content: '' !important; position: absolute !important;
    top: 0 !important; left: -100% !important;
    width: 100% !important; height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(212,165,116,0.4), transparent) !important;
    transition: left 0.6s ease !important;
  }
  .gu-quizm__cta:hover { background: #D4A574 !important; color: #1A1614 !important; }
  .gu-quizm__cta:hover::before { left: 100% !important; }
  .gu-quizm__cta:active { transform: scale(0.98) !important; }
  .gu-quizm__arrow { transition: transform 0.25s ease !important; }
  .gu-quizm__cta:hover .gu-quizm__arrow { transform: translateX(4px) !important; }

  /* ─── Nav ─── */
  .gu-quizm__nav {
    display: flex !important; flex-direction: column !important;
    gap: 12px !important; margin-top: 12px !important;
  }
  .gu-quizm__back {
    background: transparent !important; border: none !important;
    color: rgba(26,22,20,0.55) !important;
    font-size: 12px !important; font-weight: 500 !important;
    letter-spacing: 0.1em !important; text-transform: uppercase !important;
    cursor: pointer !important; padding: 12px !important;
    align-self: flex-start !important; -webkit-tap-highlight-color: transparent !important;
  }
  .gu-quizm__back:hover { color: #1A1614 !important; }
  .gu-quizm__skip {
    background: transparent !important; border: none !important;
    color: rgba(26,22,20,0.5) !important;
    font-size: 12px !important; font-weight: 500 !important;
    text-decoration: underline !important; cursor: pointer !important;
    padding: 14px !important; margin: 16px auto 0 !important; display: block !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .gu-quizm__skip:hover { color: #1A1614 !important; }

  /* ─── Disclaimer ─── */
  .gu-quizm__disclaimer-mini {
    margin: 24px 0 0 !important; font-size: 10px !important; line-height: 1.5 !important;
    color: rgba(26,22,20,0.45) !important; font-style: italic !important;
  }
  .gu-quizm__disclaimer {
    margin: 32px 0 0 !important; padding: 20px !important;
    background: rgba(212,165,116,0.08) !important;
    border-left: 2px solid #D4A574 !important;
    font-size: 11px !important; line-height: 1.65 !important;
    color: rgba(26,22,20,0.65) !important; font-style: italic !important;
  }

  /* ─── Foto ─── */
  .gu-quizm__foto-tips {
    background: #FFFFFF !important;
    border: 1px solid rgba(212,165,116,0.32) !important;
    border-radius: 8px !important;
    padding: 16px 18px !important; margin-bottom: 20px !important;
  }
  .gu-quizm__foto-tips p { margin: 0 0 8px !important; font-size: 12px !important; color: #B8895F !important; }
  .gu-quizm__foto-tips ul { margin: 0 !important; padding-left: 18px !important; }
  .gu-quizm__foto-tips li { font-size: 12px !important; line-height: 1.7 !important; color: rgba(26,22,20,0.65) !important; }

  .gu-quizm__foto-preview {
    margin-bottom: 20px !important; border-radius: 12px !important;
    overflow: hidden !important; position: relative !important;
    aspect-ratio: 4/5 !important; max-height: 380px !important;
  }
  .gu-quizm__foto-preview img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  .gu-quizm__foto-quitar {
    position: absolute !important; top: 12px !important; right: 12px !important;
    background: rgba(26,22,20,0.85) !important; color: #F7F2EC !important;
    border: none !important; border-radius: 4px !important;
    padding: 6px 12px !important; font-size: 11px !important;
    letter-spacing: 0.08em !important; text-transform: uppercase !important;
    cursor: pointer !important; font-weight: 600 !important;
  }

  .gu-quizm__foto-acciones {
    display: flex !important; flex-direction: column !important;
    gap: 10px !important; margin-bottom: 16px !important;
  }
  .gu-quizm__foto-btn {
    display: flex !important; align-items: center !important; justify-content: center !important;
    gap: 10px !important; min-height: 54px !important;
    padding: 14px 20px !important;
    background: #1A1614 !important; color: #F7F2EC !important;
    border: 1px solid #1A1614 !important; border-radius: 8px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important; font-weight: 600 !important;
    letter-spacing: 0.08em !important; cursor: pointer !important;
    transition: background 0.25s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .gu-quizm__foto-btn:hover { background: #2A211C !important; }
  .gu-quizm__foto-btn--secondary {
    background: #FFFFFF !important; color: #1A1614 !important;
    border-color: rgba(212,165,116,0.4) !important;
  }
  .gu-quizm__foto-btn--secondary:hover { border-color: #D4A574 !important; background: #FFFFFF !important; }
  .gu-quizm__foto-ico { font-size: 16px !important; }
  .gu-quizm__privacidad {
    margin: 0 0 24px !important;
    font-size: 10px !important; line-height: 1.6 !important;
    color: rgba(26,22,20,0.45) !important; text-align: center !important; font-style: italic !important;
  }

  /* ─── Loader — diamante glam ─── */
  .gu-quizm__step--loading.gu-quizm__step--active {
    display: flex !important; align-items: center !important; justify-content: center !important;
    min-height: 50vh !important;
  }
  .gu-quizm__loader { text-align: center !important; }
  .gu-quizm__loader-diamond {
    width: 56px !important; height: 56px !important;
    margin: 0 auto 28px !important;
    background: linear-gradient(135deg, #F0D6B8, #D4A574, #B8895F) !important;
    transform: rotate(45deg) !important;
    animation: gu-quizm-diamond 2s cubic-bezier(0.4,0,0.6,1) infinite !important;
    box-shadow: 0 10px 30px rgba(212,165,116,0.4) !important;
  }
  @keyframes gu-quizm-diamond {
    0%, 100% { transform: rotate(45deg) scale(1); opacity: 0.85; }
    50%      { transform: rotate(225deg) scale(1.12); opacity: 1; }
  }
  .gu-quizm__loader-texto {
    margin: 0 0 6px !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: 22px !important; color: #1A1614 !important;
  }
  .gu-quizm__loader-sub {
    margin: 0 !important; font-size: 12px !important;
    color: rgba(26,22,20,0.5) !important; letter-spacing: 0.08em !important;
  }

  /* ─── Resultado ─── */
  .gu-quizm__step--result.gu-quizm__step--active {
    display: block !important; max-width: 720px !important;
  }
  .gu-quizm__resultado-titulo {
    margin: 0 0 14px !important; padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: clamp(28px, 7vw, 42px) !important;
    font-weight: 400 !important; line-height: 1.1 !important; color: #1A1614 !important;
  }
  .gu-quizm__resultado-desc {
    margin: 0 0 24px !important; padding: 0 !important;
    font-size: 15px !important; line-height: 1.7 !important;
    color: rgba(26,22,20,0.72) !important;
  }
  .gu-quizm__resultado-foto {
    width: 90px !important; height: 90px !important; border-radius: 50% !important;
    overflow: hidden !important; margin: 0 0 20px !important;
    border: 2px solid #D4A574 !important;
  }
  .gu-quizm__resultado-foto img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }

  /* ─── Guía de tonos en resultado ─── */
  .gu-quizm__guia-tonos {
    background: linear-gradient(135deg, rgba(212,165,116,0.08), rgba(212,165,116,0.02)) !important;
    border: 1px solid rgba(212,165,116,0.28) !important;
    border-radius: 10px !important;
    padding: 22px 20px !important; margin: 0 0 24px !important;
  }
  .gu-quizm__guia-tonos-titulo {
    margin: 0 0 12px !important; padding: 0 !important;
    font-size: 11px !important; font-weight: 600 !important;
    letter-spacing: 0.2em !important; text-transform: uppercase !important;
    color: #B8895F !important;
  }
  .gu-quizm__guia-tonos p {
    margin: 0 0 8px !important; padding: 0 !important;
    font-size: 13px !important; line-height: 1.65 !important; color: #1A1614 !important;
  }
  .gu-quizm__guia-tonos p:last-child { margin-bottom: 0 !important; }

  .gu-quizm__ver-rutina { margin: 8px 0 36px !important; }

  .gu-quizm__productos { margin-top: 40px !important; }
  .gu-quizm__productos-titulo {
    margin: 0 0 20px !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: 24px !important;
    font-weight: 400 !important; color: #1A1614 !important;
  }
  .gu-quizm__productos-grid {
    display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important;
  }
  .gu-quizm__prod-card {
    display: flex !important; gap: 14px !important;
    padding: 14px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(212,165,116,0.28) !important;
    border-radius: 10px !important;
    text-decoration: none !important; color: inherit !important;
    transition: border-color 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .gu-quizm__prod-card:hover {
    border-color: #D4A574 !important; transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(212,165,116,0.18) !important;
  }
  .gu-quizm__prod-img-wrap {
    flex: 0 0 90px !important; width: 90px !important; height: 90px !important;
    border-radius: 6px !important; overflow: hidden !important; background: #F8F0EA !important;
  }
  .gu-quizm__prod-img-wrap img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
  .gu-quizm__prod-info {
    flex: 1 !important; display: flex !important; flex-direction: column !important;
    justify-content: center !important; gap: 4px !important; min-width: 0 !important;
  }
  .gu-quizm__prod-titulo {
    margin: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important; font-weight: 600 !important;
    color: #1A1614 !important; line-height: 1.3 !important;
    display: -webkit-box !important; -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important; overflow: hidden !important;
  }
  .gu-quizm__prod-shade {
    font-family: 'Cormorant Garamond', serif !important; font-style: italic !important;
    font-size: 12.5px !important; color: #B8895F !important; line-height: 1.3 !important;
  }
  .gu-quizm__prod-precio {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important; color: #6B4A3A !important; font-weight: 500 !important;
  }
  .gu-quizm__prod-cta {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important; font-weight: 600 !important;
    letter-spacing: 0.14em !important; text-transform: uppercase !important;
    color: #1A1614 !important; margin-top: 4px !important;
  }

  .gu-quizm__fallback {
    margin: 0 !important; padding: 20px !important;
    background: rgba(212,165,116,0.08) !important;
    border: 1px dashed #D4A574 !important; border-radius: 10px !important;
    font-size: 13px !important; line-height: 1.65 !important;
    color: #B8895F !important; font-style: italic !important; text-align: center !important;
  }

  /* ─── WhatsApp CTA ─── */
  .gu-quizm__whatsapp-wrap {
    margin: 32px 0 0 !important; padding: 22px 20px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(37,211,102,0.22) !important;
    border-radius: 10px !important; text-align: center !important;
  }
  .gu-quizm__whatsapp-texto {
    margin: 0 0 14px !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important; font-size: 18px !important; color: #1A1614 !important;
  }
  .gu-quizm__whatsapp-btn {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    gap: 10px !important; padding: 14px 26px !important;
    background: #25D366 !important; color: #FFFFFF !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important; font-weight: 700 !important;
    letter-spacing: 0.14em !important; text-transform: uppercase !important;
    border-radius: 6px !important; transition: background 0.25s ease, transform 0.2s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .gu-quizm__whatsapp-btn:hover { background: #1FB855 !important; transform: translateY(-1px) !important; }
  .gu-quizm__wa-ico { display: inline-flex !important; align-items: center !important; }

  .gu-quizm__reiniciar {
    display: block !important; margin: 40px auto 0 !important;
    background: transparent !important;
    border: 1px solid rgba(212,165,116,0.4) !important; color: #1A1614 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important; font-weight: 600 !important;
    letter-spacing: 0.16em !important; text-transform: uppercase !important;
    padding: 14px 28px !important; cursor: pointer !important; border-radius: 0 !important;
    transition: border-color 0.25s ease, color 0.25s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .gu-quizm__reiniciar:hover { border-color: #1A1614 !important; }

  /* ─── Desktop ─── */
  @media (min-width: 750px) {
    .gu-quizm__stage { padding: 60px 32px 80px !important; }
    .gu-quizm__foto-acciones { flex-direction: row !important; }
    .gu-quizm__nav { flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
    .gu-quizm__nav .gu-quizm__cta { width: auto !important; min-width: 220px !important; }
    .gu-quizm__productos-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
  }
  @media (min-width: 990px) {
    .gu-quizm__stage { padding: 80px 32px 100px !important; }
  }
/* END_SECTION:gu-quiz-maquillaje */

/* START_SECTION:gu-quiz-piel (INDEX:51) */
/* ─── Reset / Base ─── */
  .gu-quiz {
    background: #FAF7F2 !important;
    min-height: 100vh !important;
    padding: 0 !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
    color: #1A1614 !important;
    overflow: hidden !important;
    position: relative !important;
  }

  /* ─── Barra de progreso ─── */
  .gu-quiz__bar {
    position: sticky !important;
    top: 0 !important;
    height: 2px !important;
    background: rgba(201,169,110,0.14) !important;
    z-index: 10 !important;
  }
  .gu-quiz__bar-fill {
    height: 100% !important;
    width: 0 !important;
    background: #C9A96E !important;
    transition: width 0.4s cubic-bezier(0.22,1,0.36,1) !important;
  }

  /* ─── Stage / step container ─── */
  .gu-quiz__stage {
    position: relative !important;
    min-height: calc(100vh - 2px) !important;
    padding: 32px 20px 60px !important;
    box-sizing: border-box !important;
  }

  .gu-quiz__step {
    display: none !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    animation: gu-quiz-fade 0.4s ease both !important;
  }
  .gu-quiz__step--active { display: block !important; }

  @keyframes gu-quiz-fade {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  /* ─── Eyebrow ─── */
  .gu-quiz__eyebrow {
    display: block !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: #6B4A3A !important;
    margin-bottom: 14px !important;
  }

  .gu-quiz__paso-label {
    display: block !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: rgba(26,22,20,0.4) !important;
    margin-bottom: 16px !important;
  }

  /* ─── Intro screen ─── */
  .gu-quiz__intro {
    text-align: center !important;
    padding: 40px 0 !important;
  }

  .gu-quiz__titulo {
    margin: 0 0 16px !important;
    padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: clamp(32px, 8vw, 48px) !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.01em !important;
    color: #1A1614 !important;
  }

  .gu-quiz__subtitulo {
    margin: 0 0 32px !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: rgba(26,22,20,0.65) !important;
  }

  /* ─── Pregunta ─── */
  .gu-quiz__pregunta {
    margin: 0 0 20px !important;
    padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: clamp(24px, 6vw, 32px) !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    color: #1A1614 !important;
  }

  .gu-quiz__sub-pregunta {
    margin: -10px 0 24px !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(26,22,20,0.62) !important;
  }

  .gu-quiz__hint {
    margin: -10px 0 18px !important;
    padding: 0 !important;
    font-size: 12px !important;
    color: rgba(26,22,20,0.45) !important;
    font-style: italic !important;
  }

  /* ─── Opciones ─── */
  .gu-quiz__opciones {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 28px !important;
  }

  .gu-quiz__opcion {
    width: 100% !important;
    min-height: 56px !important;
    padding: 16px 20px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5D8CC !important;
    border-radius: 8px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #1A1614 !important;
    text-align: left !important;
    cursor: pointer !important;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.15s ease !important;
    -webkit-tap-highlight-color: transparent !important;
    position: relative !important;
  }

  .gu-quiz__opcion:hover {
    border-color: #C9A96E !important;
  }

  .gu-quiz__opcion:active {
    transform: scale(0.98) !important;
  }

  .gu-quiz__opcion--active {
    background: #1A1614 !important;
    border-color: #1A1614 !important;
    color: #F7F2EC !important;
  }

  .gu-quiz__opciones--multi .gu-quiz__opcion--active::before {
    content: '✓' !important;
    margin-right: 8px !important;
    color: #C9A96E !important;
    font-weight: 700 !important;
  }

  /* ─── CTA / Botones principales ─── */
  .gu-quiz__cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 52px !important;
    padding: 14px 30px !important;
    background: #1A1614 !important;
    color: #F7F2EC !important;
    border: none !important;
    border-radius: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 0.25s ease, transform 0.2s ease !important;
    margin-top: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .gu-quiz__cta:hover {
    background: #C9A96E !important;
    color: #1A1614 !important;
  }

  .gu-quiz__cta:active {
    transform: scale(0.98) !important;
  }

  .gu-quiz__arrow {
    transition: transform 0.25s ease !important;
  }

  .gu-quiz__cta:hover .gu-quiz__arrow {
    transform: translateX(4px) !important;
  }

  /* ─── Nav (back) ─── */
  .gu-quiz__nav {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 12px !important;
  }

  .gu-quiz__back {
    background: transparent !important;
    border: none !important;
    color: rgba(26,22,20,0.55) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    padding: 12px !important;
    align-self: flex-start !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .gu-quiz__back:hover { color: #1A1614 !important; }

  .gu-quiz__skip {
    background: transparent !important;
    border: none !important;
    color: rgba(26,22,20,0.5) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    cursor: pointer !important;
    padding: 14px !important;
    margin: 16px auto 0 !important;
    display: block !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .gu-quiz__skip:hover { color: #1A1614 !important; }

  /* ─── Disclaimer ─── */
  .gu-quiz__disclaimer-mini {
    margin: 24px 0 0 !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
    color: rgba(26,22,20,0.45) !important;
    font-style: italic !important;
  }

  .gu-quiz__disclaimer {
    margin: 32px 0 0 !important;
    padding: 20px !important;
    background: rgba(201,169,110,0.08) !important;
    border-left: 2px solid #C9A96E !important;
    font-size: 11px !important;
    line-height: 1.65 !important;
    color: rgba(26,22,20,0.65) !important;
    font-style: italic !important;
  }

  /* ─── Foto step ─── */
  .gu-quiz__foto-tips {
    background: #FFFFFF !important;
    border: 1px solid #E5D8CC !important;
    border-radius: 8px !important;
    padding: 16px 18px !important;
    margin-bottom: 20px !important;
  }
  .gu-quiz__foto-tips p {
    margin: 0 0 8px !important;
    font-size: 12px !important;
    color: #6B4A3A !important;
  }
  .gu-quiz__foto-tips ul {
    margin: 0 !important;
    padding-left: 18px !important;
  }
  .gu-quiz__foto-tips li {
    font-size: 12px !important;
    line-height: 1.7 !important;
    color: rgba(26,22,20,0.65) !important;
  }

  .gu-quiz__foto-preview {
    margin-bottom: 20px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    position: relative !important;
    aspect-ratio: 4/5 !important;
    max-height: 380px !important;
  }
  .gu-quiz__foto-preview img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .gu-quiz__foto-quitar {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    background: rgba(26,22,20,0.85) !important;
    color: #F7F2EC !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    font-weight: 600 !important;
  }

  .gu-quiz__foto-acciones {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
  }

  .gu-quiz__foto-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-height: 54px !important;
    padding: 14px 20px !important;
    background: #1A1614 !important;
    color: #F7F2EC !important;
    border: 1px solid #1A1614 !important;
    border-radius: 8px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    cursor: pointer !important;
    transition: background 0.25s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .gu-quiz__foto-btn:hover { background: #2A2420 !important; }
  .gu-quiz__foto-btn--secondary {
    background: #FFFFFF !important;
    color: #1A1614 !important;
    border-color: #E5D8CC !important;
  }
  .gu-quiz__foto-btn--secondary:hover {
    border-color: #C9A96E !important;
    background: #FFFFFF !important;
  }
  .gu-quiz__foto-ico { font-size: 16px !important; }

  .gu-quiz__privacidad {
    margin: 0 0 24px !important;
    font-size: 10px !important;
    line-height: 1.6 !important;
    color: rgba(26,22,20,0.45) !important;
    text-align: center !important;
    font-style: italic !important;
  }

  /* ─── Loader ─── */
  .gu-quiz__step--loading.gu-quiz__step--active {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50vh !important;
  }
  .gu-quiz__loader {
    text-align: center !important;
  }
  .gu-quiz__loader-orb {
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto 24px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 30% 30%, #F0E0C4, #C9A96E) !important;
    animation: gu-quiz-pulse 1.4s ease-in-out infinite !important;
  }
  @keyframes gu-quiz-pulse {
    0%, 100% { transform: scale(1); opacity: 0.8; }
    50%      { transform: scale(1.15); opacity: 1; }
  }
  .gu-quiz__loader-texto {
    margin: 0 0 6px !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: 22px !important;
    color: #1A1614 !important;
  }
  .gu-quiz__loader-sub {
    margin: 0 !important;
    font-size: 12px !important;
    color: rgba(26,22,20,0.5) !important;
    letter-spacing: 0.08em !important;
  }

  /* ─── Resultado ─── */
  .gu-quiz__step--result.gu-quiz__step--active {
    display: block !important;
    max-width: 720px !important;
  }

  .gu-quiz__resultado-titulo {
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: clamp(28px, 7vw, 40px) !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    color: #1A1614 !important;
  }
  .gu-quiz__resultado-desc {
    margin: 0 0 24px !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: rgba(26,22,20,0.72) !important;
  }

  .gu-quiz__resultado-foto {
    width: 90px !important;
    height: 90px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    margin: 0 0 20px !important;
    border: 2px solid #C9A96E !important;
  }
  .gu-quiz__resultado-foto img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .gu-quiz__rutina {
    background: #FFFFFF !important;
    border: 1px solid #E5D8CC !important;
    border-radius: 10px !important;
    padding: 24px 20px !important;
    margin: 0 0 24px !important;
  }
  .gu-quiz__rutina-titulo {
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    color: #6B4A3A !important;
  }
  .gu-quiz__rutina-lista {
    margin: 0 !important;
    padding: 0 0 0 24px !important;
    list-style: decimal !important;
  }
  .gu-quiz__rutina-lista li {
    padding: 6px 0 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #1A1614 !important;
  }
  .gu-quiz__rutina-lista li::marker {
    color: #C9A96E !important;
    font-weight: 600 !important;
  }

  .gu-quiz__ver-rutina {
    margin: 8px 0 36px !important;
  }

  .gu-quiz__productos {
    margin-top: 40px !important;
  }
  .gu-quiz__productos-titulo {
    margin: 0 0 20px !important;
    font-family: 'Cormorant Garamond', Georgia, serif !important;
    font-style: italic !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: #1A1614 !important;
  }
  .gu-quiz__productos-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .gu-quiz__prod-card {
    display: flex !important;
    gap: 14px !important;
    padding: 14px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5D8CC !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    color: inherit !important;
    transition: border-color 0.25s ease, transform 0.2s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .gu-quiz__prod-card:hover {
    border-color: #C9A96E !important;
    transform: translateY(-2px) !important;
  }
  .gu-quiz__prod-img-wrap {
    flex: 0 0 90px !important;
    width: 90px !important;
    height: 90px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #FAF7F2 !important;
  }
  .gu-quiz__prod-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .gu-quiz__prod-info {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    min-width: 0 !important;
  }
  .gu-quiz__prod-titulo {
    margin: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1A1614 !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .gu-quiz__prod-precio {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #6B4A3A !important;
    font-weight: 500 !important;
  }
  .gu-quiz__prod-cta {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #1A1614 !important;
    margin-top: 4px !important;
  }

  .gu-quiz__fallback {
    margin: 0 !important;
    padding: 20px !important;
    background: rgba(201,169,110,0.08) !important;
    border: 1px dashed #C9A96E !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #6B4A3A !important;
    font-style: italic !important;
    text-align: center !important;
  }

  .gu-quiz__reiniciar {
    display: block !important;
    margin: 40px auto 0 !important;
    background: transparent !important;
    border: 1px solid #E5D8CC !important;
    color: #1A1614 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    padding: 14px 28px !important;
    cursor: pointer !important;
    border-radius: 0 !important;
    transition: border-color 0.25s ease, color 0.25s ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .gu-quiz__reiniciar:hover {
    border-color: #1A1614 !important;
  }

  /* ─── Desktop (750px+) ─── */
  @media (min-width: 750px) {
    .gu-quiz__stage {
      padding: 60px 32px 80px !important;
    }
    .gu-quiz__foto-acciones {
      flex-direction: row !important;
    }
    .gu-quiz__nav {
      flex-direction: row !important;
      justify-content: space-between !important;
      align-items: center !important;
    }
    .gu-quiz__nav .gu-quiz__cta {
      width: auto !important;
      min-width: 220px !important;
    }
    .gu-quiz__productos-grid {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 16px !important;
    }
  }

  @media (min-width: 990px) {
    .gu-quiz__stage {
      padding: 80px 32px 100px !important;
    }
  }
/* END_SECTION:gu-quiz-piel */

/* START_SECTION:gu-resenas-clientas (INDEX:52) */
/* ─── Base ─── */
  .gu-rev {
    background: #FAF7F2 !important;
    padding: var(--gu-rev-pt-mob, 64px) 0 var(--gu-rev-pb-mob, 64px) !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .gu-rev--hide-mob { display: none !important; }

  /* ─── Header ─── */
  .gu-rev__header {
    text-align: center !important;
    padding: 0 24px !important;
    margin: 0 auto 36px !important;
    max-width: 560px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .gu-rev__eyebrow {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: #6B4A3A !important;
    display: block !important;
  }
  .gu-rev__titulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Cormorant Garamond', 'Cormorant', Georgia, serif !important;
    font-style: italic !important;
    font-size: clamp(28px, 5vw, 40px) !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    color: #1A1614 !important;
  }
  .gu-rev__subtitulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(26,22,20,0.58) !important;
  }

  /* ─── Stage ─── */
  .gu-rev__stage {
    position: relative !important;
  }

  /* ─── Scroll container ─── */
  .gu-rev__scroll {
    overflow-x: scroll !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-snap-type: x mandatory !important;
    padding: 8px 20px 20px !important;
  }
  .gu-rev__scroll::-webkit-scrollbar { display: none !important; }

  /* ─── Track ─── */
  .gu-rev__track {
    display: flex !important;
    gap: 14px !important;
    width: max-content !important;
  }

  /* ─── Card ─── */
  .gu-rev__card {
    position: relative !important;
    background: #FFFFFF !important;
    border: 1px solid #E5D8CC !important;
    border-radius: 10px !important;
    padding: 22px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    flex: 0 0 calc(100vw - 56px) !important;
    max-width: 340px !important;
    scroll-snap-align: start !important;
    transition: box-shadow 0.28s ease !important;
    box-sizing: border-box !important;
  }
  .gu-rev__card:hover {
    box-shadow: 0 8px 28px rgba(26,22,20,0.07) !important;
  }

  /* ─── Badge ejemplo ─── */
  .gu-rev__badge-ejemplo {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #8A6A56 !important;
    background: #F0E6DC !important;
    border: 1px solid #E0CEBC !important;
    border-radius: 4px !important;
    padding: 3px 7px !important;
    line-height: 1.4 !important;
  }

  /* ─── Stars ─── */
  .gu-rev__stars {
    display: flex !important;
    gap: 2px !important;
    line-height: 1 !important;
  }
  .gu-rev__star {
    font-size: 15px !important;
    color: #DDD0C4 !important;
    line-height: 1 !important;
  }
  .gu-rev__star--on {
    color: #C8A875 !important;
  }

  /* ─── Quote ─── */
  .gu-rev__quote {
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 !important;
  }
  .gu-rev__texto {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.68 !important;
    color: #1A1614 !important;
    font-style: italic !important;
  }
  .gu-rev__texto::before { content: '\201C' !important; }
  .gu-rev__texto::after  { content: '\201D' !important; }

  /* ─── Author ─── */
  .gu-rev__autor {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    border-top: 1px solid #F0E6DC !important;
    padding-top: 12px !important;
    margin-top: auto !important;
  }
  .gu-rev__autor-info {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px 8px !important;
  }
  .gu-rev__nombre {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1A1614 !important;
  }
  .gu-rev__ubicacion {
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    color: #6B4A3A !important;
    font-weight: 400 !important;
  }
  .gu-rev__fecha {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    color: rgba(26,22,20,0.36) !important;
    letter-spacing: 0.02em !important;
  }

  /* ─── Product chip ─── */
  .gu-rev__prod {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 8px 10px !important;
    background: #FAF7F2 !important;
    border: 1px solid #E5D8CC !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: border-color 0.22s ease !important;
  }
  a.gu-rev__prod:hover {
    border-color: #C8A875 !important;
  }
  .gu-rev__prod-img {
    width: 36px !important;
    height: 36px !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important;
    display: block !important;
  }
  .gu-rev__prod-nombre {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #1A1614 !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /* ─── Arrows ─── */
  .gu-rev__arrow {
    display: none !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    background: #FFFFFF !important;
    border: 1px solid #E5D8CC !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    align-items: center !important;
    justify-content: center !important;
    color: #1A1614 !important;
    z-index: 2 !important;
    transition: border-color 0.22s ease, box-shadow 0.22s ease !important;
    box-shadow: 0 2px 8px rgba(26,22,20,0.08) !important;
  }
  .gu-rev__arrow:hover {
    border-color: #C8A875 !important;
    box-shadow: 0 4px 16px rgba(26,22,20,0.12) !important;
  }
  .gu-rev__arrow--l { left: 6px !important; }
  .gu-rev__arrow--r { right: 6px !important; }

  /* ─── Empty ─── */
  .gu-rev__vacio {
    text-align: center !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: rgba(26,22,20,0.45) !important;
    font-style: italic !important;
    padding: 0 24px !important;
    margin: 0 !important;
  }

  /* ─── Tablet (750px+) ─── */
  @media (min-width: 750px) {
    .gu-rev__scroll {
      padding: 8px 48px 24px !important;
    }
    .gu-rev__track {
      gap: 18px !important;
    }
    .gu-rev__card {
      flex: 0 0 calc(50vw - 44px) !important;
      max-width: none !important;
    }
    .gu-rev__arrow {
      display: flex !important;
    }
    .gu-rev__arrow--l { left: 4px !important; }
    .gu-rev__arrow--r { right: 4px !important; }
  }

  /* ─── Desktop (990px+) ─── */
  @media (min-width: 990px) {
    .gu-rev {
      padding: var(--gu-rev-pt-desk, 80px) 0 var(--gu-rev-pb-desk, 80px) !important;
    }
    .gu-rev__scroll {
      padding: 8px 56px 28px !important;
    }
    .gu-rev__track {
      gap: 20px !important;
    }
    .gu-rev__card {
      flex: 0 0 var(--gu-rev-card-desk, calc(33.333vw - 26px)) !important;
      max-width: none !important;
    }
    .gu-rev__arrow--l { left: 10px !important; }
    .gu-rev__arrow--r { right: 10px !important; }
    .gu-rev--hide-desk { display: none !important; }
    .gu-rev--hide-mob  { display: block !important; }
  }
/* END_SECTION:gu-resenas-clientas */

/* START_SECTION:gu-rutina-pasos (INDEX:53) */
.gu-rut {
    position: relative !important;
    width: 100% !important;
    padding: var(--gu-rut-pt-mobile, 60px) 16px var(--gu-rut-pb-mobile, 60px) !important;
    background: var(--gu-rut-bg, #faf3e7) !important;
    color: var(--gu-rut-texto, #1a1a1a) !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  .gu-rut-ocultar-mobile {
    display: none !important;
  }

  .gu-rut-decoracion {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  .gu-rut-blob {
    position: absolute !important;
    border-radius: 50% !important;
    filter: blur(60px) !important;
    opacity: 0.4 !important;
  }

  .gu-rut-blob-uno {
    width: 320px !important;
    height: 320px !important;
    top: -120px !important;
    right: -80px !important;
    background: var(--gu-rut-acento, #ffc9d6) !important;
  }

  .gu-rut-blob-dos {
    width: 280px !important;
    height: 280px !important;
    bottom: -100px !important;
    left: -80px !important;
    background: #d4f4e2 !important;
  }

  .gu-rut-contenedor {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
  }

  .gu-rut-cabecera {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
    max-width: 720px !important;
    margin: 0 auto !important;
  }

  .gu-rut-etiqueta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    opacity: 0.7 !important;
  }

  .gu-rut-etiqueta-marca {
    color: var(--gu-rut-acento, #d4806f) !important;
    font-size: 13px !important;
  }

  .gu-rut-titulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 34px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em !important;
    color: inherit !important;
  }

  .gu-rut-subtitulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: inherit !important;
    opacity: 0.78 !important;
  }

  .gu-rut-pasos {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    position: relative !important;
  }

  .gu-rut-paso {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    position: relative !important;
  }

  .gu-rut-paso-numero {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 4px !important;
  }

  .gu-rut-paso-numero::after {
    content: '' !important;
    flex: 1 !important;
    height: 1px !important;
    background: currentColor !important;
    opacity: 0.15 !important;
  }

  .gu-rut-paso-numero-texto {
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    color: var(--gu-paso-acento, #d4806f) !important;
  }

  .gu-rut-paso-card {
    position: relative !important;
    background: var(--gu-paso-bg, #ffe9e1) !important;
    border-radius: 24px !important;
    padding: 24px 20px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    isolation: isolate !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  }

  .gu-rut-paso-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 20px 40px -16px rgba(0, 0, 0, 0.15) !important;
  }

  .gu-rut-paso-card-fondo {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    overflow: hidden !important;
  }

  .gu-rut-paso-blob {
    position: absolute !important;
    width: 70% !important;
    height: 70% !important;
    top: -20% !important;
    right: -20% !important;
    background: var(--gu-paso-acento, #ffffff) !important;
    border-radius: 50% !important;
    filter: blur(40px) !important;
    opacity: 0.5 !important;
  }

  .gu-rut-paso-imagen-wrap,
  .gu-rut-paso-icono-wrap {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    max-height: 200px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .gu-rut-paso-imagen {
    max-width: 70% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    transition: transform 0.5s ease !important;
  }

  .gu-rut-paso-card:hover .gu-rut-paso-imagen {
    transform: scale(1.06) rotate(-3deg) !important;
  }

  .gu-rut-paso-icono {
    font-size: 64px !important;
    line-height: 1 !important;
    transition: transform 0.4s ease !important;
  }

  .gu-rut-paso-card:hover .gu-rut-paso-icono {
    transform: scale(1.15) !important;
  }

  .gu-rut-paso-info {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  .gu-rut-paso-categoria {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: var(--gu-paso-acento, #d4806f) !important;
  }

  .gu-rut-paso-titulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: inherit !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    color: inherit !important;
  }

  .gu-rut-paso-descripcion {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: inherit !important;
    opacity: 0.75 !important;
  }

  .gu-rut-paso-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: inherit !important;
    text-decoration: none !important;
    align-self: flex-start !important;
    padding-bottom: 4px !important;
    border-bottom: 1.5px solid currentColor !important;
  }

  .gu-rut-paso-flecha {
    transition: transform 0.3s ease !important;
  }

  .gu-rut-paso-cta:hover .gu-rut-paso-flecha {
    transform: translateX(4px) !important;
  }

  .gu-rut-acciones {
    display: flex !important;
    justify-content: center !important;
    margin-top: 8px !important;
  }

  .gu-rut-boton {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 16px 32px !important;
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-radius: 100px !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  }

  .gu-rut-boton:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.2) !important;
  }

  .gu-rut-boton-flecha {
    transition: transform 0.3s ease !important;
  }

  .gu-rut-boton:hover .gu-rut-boton-flecha {
    transform: translateX(4px) !important;
  }

  @media (min-width: 749px) {
    .gu-rut {
      padding: 80px 32px !important;
    }
    .gu-rut-titulo {
      font-size: 46px !important;
    }
    .gu-rut-subtitulo {
      font-size: 17px !important;
    }
    .gu-rut-pasos {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 28px !important;
    }
  }

  @media (min-width: 990px) {
    .gu-rut {
      padding: var(--gu-rut-pt-desktop, 110px) 60px var(--gu-rut-pb-desktop, 110px) !important;
    }
    .gu-rut-contenedor {
      gap: 56px !important;
    }
    .gu-rut-titulo {
      font-size: 60px !important;
    }
    .gu-rut-pasos {
      grid-template-columns: repeat(var(--gu-rut-columnas, 5), 1fr) !important;
      gap: 20px !important;
    }
    .gu-rut-paso-card {
      padding: 28px 24px !important;
      border-radius: 28px !important;
    }
    .gu-rut-paso-titulo {
      font-size: 22px !important;
    }
    .gu-rut-paso-descripcion {
      font-size: 14px !important;
    }
    .gu-rut-ocultar-desktop {
      display: none !important;
    }
    .gu-rut-ocultar-mobile {
      display: block !important;
    }
  }
/* END_SECTION:gu-rutina-pasos */

/* START_SECTION:gu-trust-badges (INDEX:54) */
.gu-trust {
    width: 100% !important;
    padding: var(--gu-trust-pt-mobile, 50px) 16px var(--gu-trust-pb-mobile, 50px) !important;
    background: var(--gu-trust-bg, #faf3e7) !important;
    color: var(--gu-trust-texto, #1a1a1a) !important;
  }

  .gu-trust-ocultar-mobile {
    display: none !important;
  }

  .gu-trust-contenedor {
    max-width: 1400px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  .gu-trust-cabecera {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    opacity: 0.7 !important;
  }

  .gu-trust-cabecera-marca {
    color: var(--gu-trust-acento, #d4806f) !important;
    font-size: 13px !important;
  }

  .gu-trust-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .gu-trust-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 18px 14px !important;
    background: rgba(255, 255, 255, 0.55) !important;
    border: 1px solid var(--gu-trust-borde, rgba(0, 0, 0, 0.06)) !important;
    border-radius: 18px !important;
    text-align: center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
  }

  .gu-trust-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.12) !important;
    background: rgba(255, 255, 255, 0.85) !important;
  }

  .gu-trust-item-icono {
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--gu-trust-acento, #d4806f) !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    font-size: 22px !important;
    line-height: 1 !important;
    transition: transform 0.3s ease !important;
  }

  .gu-trust-item:hover .gu-trust-item-icono {
    transform: scale(1.1) rotate(-5deg) !important;
  }

  .gu-trust-item-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
  }

  .gu-trust-item-titulo {
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    color: inherit !important;
  }

  .gu-trust-item-descripcion {
    font-family: inherit !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    color: inherit !important;
    opacity: 0.65 !important;
  }

  @media (min-width: 749px) {
    .gu-trust {
      padding: 70px 32px !important;
    }
    .gu-trust-grid {
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 16px !important;
    }
    .gu-trust-item {
      flex-direction: row !important;
      align-items: center !important;
      text-align: left !important;
      padding: 22px 18px !important;
      gap: 14px !important;
    }
    .gu-trust-item-icono {
      width: 52px !important;
      height: 52px !important;
      flex-shrink: 0 !important;
    }
    .gu-trust-item-titulo {
      font-size: 14px !important;
    }
    .gu-trust-item-descripcion {
      font-size: 12px !important;
    }
  }

  @media (min-width: 990px) {
    .gu-trust {
      padding: var(--gu-trust-pt-desktop, 80px) 60px var(--gu-trust-pb-desktop, 80px) !important;
    }
    .gu-trust-grid {
      gap: 24px !important;
    }
    .gu-trust-item {
      padding: 26px 22px !important;
      gap: 16px !important;
    }
    .gu-trust-item-icono {
      width: 56px !important;
      height: 56px !important;
      font-size: 24px !important;
    }
    .gu-trust-item-titulo {
      font-size: 15px !important;
    }
    .gu-trust-item-descripcion {
      font-size: 13px !important;
    }
    .gu-trust-ocultar-desktop {
      display: none !important;
    }
    .gu-trust-ocultar-mobile {
      display: block !important;
    }
  }
/* END_SECTION:gu-trust-badges */

/* START_SECTION:header (INDEX:55) */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Forum&family=Inter:wght@400;500;600&display=swap');

  .gu-header-wrap { width: 100% !important; position: relative !important; z-index: 80 !important; font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; }
  .gu-header-wrap-sticky { position: sticky !important; top: 0 !important; }
  .gu-header { background: var(--gu-h-bg, #F7F2EC) !important; color: var(--gu-h-texto, #1A1614) !important; border-bottom: 1px solid var(--gu-h-borde, #E5D3BD) !important; transition: background 0.3s ease, box-shadow 0.3s ease !important; }
  .gu-header-wrap-sticky.gu-header-scrolled .gu-header { background: rgba(247, 242, 236, 0.94) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; box-shadow: 0 4px 24px -8px rgba(58, 42, 32, 0.10) !important; }
  .gu-header-utilidad { width: 100% !important; border-bottom: 1px solid var(--gu-h-borde, #E5D3BD) !important; }
  .gu-header-utilidad-contenedor { display: grid !important; grid-template-columns: auto 1fr auto !important; align-items: center !important; gap: 12px !important; max-width: 1500px !important; margin: 0 auto !important; padding: 14px 16px !important; }
  .gu-header-utilidad-izq { display: flex !important; align-items: center !important; gap: 24px !important; }
  .gu-header-utilidad-links { display: none !important; align-items: center !important; gap: 26px !important; }
  .gu-header-utilidad-link { font-family: 'Inter', system-ui, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: inherit !important; text-decoration: none !important; opacity: 0.75 !important; transition: opacity 0.3s ease, color 0.3s ease !important; }
  .gu-header-utilidad-link:hover { opacity: 1 !important; color: var(--gu-h-acento, #5C3D2E) !important; }
  .gu-header-burguer { width: 40px !important; height: 40px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; background: transparent !important; border: none !important; cursor: pointer !important; color: inherit !important; padding: 0 !important; margin-left: -8px !important; }
  .gu-header-burguer-linea { display: block !important; width: 20px !important; height: 1.4px !important; background: currentColor !important; border-radius: 2px !important; transition: transform 0.3s ease, opacity 0.3s ease !important; }
  .gu-header-logo { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-decoration: none !important; color: inherit !important; grid-column: 2 !important; }
  .gu-header-logo-img { max-height: 38px !important; max-width: 160px !important; width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; }
  .gu-header-wordmark { display: flex !important; flex-direction: column !important; align-items: center !important; line-height: 1 !important; gap: 0 !important; }
  .gu-wm-top { font-family: 'Cormorant Garamond', 'Forum', 'Times New Roman', serif !important; font-weight: 600 !important; font-size: 18px !important; letter-spacing: 0.09em !important; text-transform: uppercase !important; color: inherit !important; line-height: 1 !important; padding-right: 0.09em !important; }
  .gu-wm-sep { display: block !important; width: 22px !important; height: 1px !important; background: currentColor !important; opacity: 0.20 !important; margin: 3px auto !important; }
  .gu-wm-bot { font-family: 'Cormorant Garamond', 'Forum', 'Times New Roman', serif !important; font-weight: 300 !important; font-style: italic !important; font-size: 10px !important; color: var(--gu-h-acento, #5C3D2E) !important; letter-spacing: 0.22em !important; margin-top: 0 !important; padding-right: 0.22em !important; }
  .gu-header-acciones { display: flex !important; align-items: center !important; gap: 4px !important; justify-content: flex-end !important; }
  .gu-header-icono { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: transparent !important; border: none !important; cursor: pointer !important; color: inherit !important; text-decoration: none !important; transition: background 0.3s ease, transform 0.2s ease !important; }
  .gu-header-icono:hover { background: rgba(92, 61, 46, 0.06) !important; transform: scale(1.02) !important; }
  .gu-header-icono-search-desk, .gu-header-icono-cuenta-desk { display: none !important; }
  .gu-header-wishlist { display: none !important; }
  .gu-header-cart-count { position: absolute !important; top: 3px !important; right: 2px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 16px !important; height: 16px !important; padding: 0 4px !important; background: var(--gu-h-acento, #5C3D2E) !important; color: #F7F2EC !important; border: 1.5px solid var(--gu-h-bg, #F7F2EC) !important; border-radius: 100px !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 8.5px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; line-height: 1 !important; transition: transform 0.3s ease !important; }
  .gu-header-cart-count-vacio { display: none !important; }
  .gu-header-cart-bubble-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; border: 0 !important; pointer-events: none !important; }
  .gu-header-wishlist { display: none !important; }
  .gu-header-icono-cuenta-desk { color: var(--gu-h-acento, #5C3D2E) !important; }
  .gu-sp { position: absolute !important; pointer-events: none !important; color: var(--gu-h-acento, #5C3D2E) !important; animation: gu-twinkle 3s ease-in-out infinite !important; }
  .gu-sp-1 { top: 2px !important; right: 3px !important; animation-delay: 0s !important; }
  .gu-sp-2 { top: 3px !important; left: 2px !important; animation-delay: 0.75s !important; }
  .gu-sp-3 { bottom: 2px !important; right: 2px !important; animation-delay: 1.5s !important; }
  .gu-sp-4 { bottom: 3px !important; left: 3px !important; animation-delay: 2.25s !important; }
  @keyframes gu-twinkle { 0%, 100% { opacity: 0.3; transform: scale(0.65) rotate(0deg); } 50% { opacity: 1; transform: scale(1.1) rotate(15deg); filter: drop-shadow(0 0 2.5px rgba(92,61,46,0.5)); } }

  .gu-header-mobile-bar { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 36px !important; background: #1A1614 !important; }
  .gu-header-mobile-bar-ico { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 80px !important; height: 36px !important; border-radius: 0 !important; color: #E5D3BD !important; background: transparent !important; border: none !important; cursor: pointer !important; text-decoration: none !important; position: relative !important; transition: background 0.2s ease !important; }
  .gu-header-mobile-bar-ico:hover { background: rgba(229,211,189,0.08) !important; }
  .gu-header-mobile-bar-cuenta { color: #E5D3BD !important; }
  .gu-header-mobile-bar-cuenta .gu-sp { color: #E5D3BD !important; }
  .gu-header-mobile-bar-div { width: 1px !important; height: 14px !important; background: #3A2A20 !important; flex-shrink: 0 !important; }
  .gu-header-mobile-bar-fav-badge[data-empty="true"] { opacity: 0 !important; transform: scale(0.5) !important; }

  .gu-header-nav-wrap { display: none !important; background: var(--gu-h-nav-bg, transparent) !important; border-bottom: 1px solid var(--gu-h-borde, #E5D3BD) !important; }
  .gu-header-nav { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 2px !important; max-width: 1500px !important; margin: 0 auto !important; padding: 12px 24px !important; }
  .gu-header-nav-item { position: relative !important; }
  .gu-header-nav-link { position: relative !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; padding: 10px 14px !important; color: inherit !important; text-decoration: none !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; border-radius: 0 !important; transition: color 0.3s ease !important; white-space: nowrap !important; }
  .gu-header-nav-link-texto { position: relative !important; display: inline-block !important; }
  .gu-header-nav-link-texto::after { content: '' !important; position: absolute !important; left: 0 !important; bottom: -4px !important; width: 0 !important; height: 1px !important; background: var(--gu-h-acento, #5C3D2E) !important; transition: width 0.3s ease !important; }
  .gu-header-nav-link:hover .gu-header-nav-link-texto::after, .gu-header-nav-link-activo .gu-header-nav-link-texto::after { width: 100% !important; }
  .gu-header-nav-link:hover, .gu-header-nav-link-activo { color: var(--gu-h-acento, #5C3D2E) !important; }
  .gu-header-nav-flecha { font-size: 9px !important; transition: transform 0.3s ease !important; opacity: 0.5 !important; }
  .gu-header-nav-item-dropdown:hover .gu-header-nav-flecha { transform: rotate(180deg) !important; }

  .gu-header-mega { position: absolute !important; top: 100% !important; left: 50% !important; transform: translateX(-50%) translateY(8px) !important; min-width: 560px !important; padding: 32px !important; background: var(--gu-h-bg, #F7F2EC) !important; border: 1px solid var(--gu-h-borde, #E5D3BD) !important; border-radius: 4px !important; box-shadow: 0 24px 56px -20px rgba(58, 42, 32, 0.18) !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important; pointer-events: none !important; z-index: 70 !important; }
  .gu-header-mega-ancho { min-width: 920px !important; max-height: 78vh !important; overflow-y: auto !important; }
  /* Marcas (72) — CSS columns: orden top-to-bottom correcto + scroll */
  .gu-header-mega-marcas { column-count: 4 !important; column-gap: 28px !important; column-fill: balance !important; display: block !important; grid-template-columns: none !important; }
  .gu-header-mega-marcas .gu-header-mega-titulo { display: block !important; break-inside: avoid !important; -webkit-column-break-inside: avoid !important; page-break-inside: avoid !important; margin-bottom: 10px !important; }
  @media (max-width: 1100px) { .gu-header-mega-marcas { column-count: 3 !important; } }
  @media (max-width: 900px)  { .gu-header-mega-marcas { column-count: 2 !important; } }
  .gu-header-mega-ancho::-webkit-scrollbar { width: 6px !important; }
  .gu-header-mega-ancho::-webkit-scrollbar-thumb { background: #E5D3BD !important; border-radius: 3px !important; }
  .gu-header-mega-con-imagen { display: grid !important; grid-template-columns: 1fr 220px !important; gap: 32px !important; align-items: stretch !important; }
  .gu-header-nav-item-dropdown:hover .gu-header-mega { opacity: 1 !important; visibility: visible !important; transform: translateX(-50%) translateY(0) !important; pointer-events: auto !important; }
  .gu-header-mega-contenido { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important; gap: 28px !important; }
  .gu-header-mega-col { display: flex !important; flex-direction: column !important; gap: 10px !important; }
  .gu-header-mega-titulo { font-family: 'Cormorant Garamond', 'Forum', serif !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0.02em !important; text-transform: none !important; color: inherit !important; text-decoration: none !important; padding-bottom: 6px !important; opacity: 0.85 !important; transition: opacity 0.3s ease, color 0.3s ease, padding-left 0.3s ease !important; line-height: 1.4 !important; }
  .gu-header-mega-titulo:hover { opacity: 1 !important; color: var(--gu-h-acento, #5C3D2E) !important; padding-left: 4px !important; }
  /* Quiz card destacado — editorial oscuro, opuesto al pill dorado del Club */
  .gu-header-mega-quiz { display: block !important; position: relative !important; padding: 16px 18px 16px 22px !important; margin: 0 0 14px !important; background: #1A1614 !important; border: none !important; border-radius: 0 !important; text-decoration: none !important; color: #F7F2EC !important; transition: background 0.35s ease !important; overflow: hidden !important; }
  .gu-header-mega-quiz::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 3px !important; height: 100% !important; background: #C9A96E !important; transition: width 0.35s ease !important; }
  .gu-header-mega-quiz::after { content: '→' !important; position: absolute !important; top: 50% !important; right: 16px !important; transform: translateY(-50%) !important; color: #C9A96E !important; font-size: 14px !important; transition: transform 0.35s ease, color 0.35s ease !important; line-height: 1 !important; }
  .gu-header-mega-quiz:hover { background: #2A211C !important; }
  .gu-header-mega-quiz:hover::before { width: 5px !important; }
  .gu-header-mega-quiz:hover::after { transform: translate(4px, -50%) !important; }
  .gu-header-mega-quiz-orn { display: none !important; }
  .gu-header-mega-quiz-texto { display: block !important; padding-right: 26px !important; }
  .gu-header-mega-quiz-eyebrow { display: block !important; font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 600 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; color: #C9A96E !important; line-height: 1.2 !important; margin-bottom: 5px !important; }
  .gu-header-mega-quiz-titulo { display: block !important; font-family: 'Cormorant Garamond', 'Forum', serif !important; font-style: italic !important; font-size: 19px !important; font-weight: 400 !important; color: #F7F2EC !important; line-height: 1.1 !important; letter-spacing: 0.005em !important; }

  /* Mobile — misma lógica editorial oscura */
  .gu-header-mobile-quiz { display: block !important; position: relative !important; padding: 18px 20px 18px 24px !important; margin: 6px 0 14px !important; background: #1A1614 !important; border: none !important; border-radius: 0 !important; text-decoration: none !important; color: #F7F2EC !important; -webkit-tap-highlight-color: transparent !important; }
  .gu-header-mobile-quiz::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 3px !important; height: 100% !important; background: #C9A96E !important; }
  .gu-header-mobile-quiz:active { background: #2A211C !important; }
  .gu-header-mobile-quiz-orn { display: none !important; }
  .gu-header-mobile-quiz-texto { display: block !important; padding-right: 24px !important; }
  .gu-header-mobile-quiz-eyebrow { display: block !important; font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 600 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; color: #C9A96E !important; line-height: 1.2 !important; margin-bottom: 5px !important; }
  .gu-header-mobile-quiz-titulo { display: block !important; font-family: 'Cormorant Garamond', 'Forum', serif !important; font-style: italic !important; font-size: 18px !important; font-weight: 400 !important; color: #F7F2EC !important; line-height: 1.1 !important; }
  .gu-header-mobile-quiz-arrow { position: absolute !important; top: 50% !important; right: 18px !important; transform: translateY(-50%) !important; color: #C9A96E !important; font-size: 16px !important; line-height: 1 !important; }
  .gu-header-mega-imagen { position: relative !important; display: block !important; overflow: hidden !important; border-radius: 2px !important; text-decoration: none !important; color: inherit !important; aspect-ratio: 3 / 4 !important; }
  .gu-header-mega-imagen img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.5s ease !important; }
  .gu-header-mega-imagen:hover img { transform: scale(1.04) !important; }
  .gu-header-mega-imagen-texto { position: absolute !important; left: 16px !important; bottom: 16px !important; right: 16px !important; color: #F7F2EC !important; font-family: 'Cormorant Garamond', serif !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.3 !important; text-shadow: 0 2px 8px rgba(0,0,0,0.4) !important; }
  .gu-header-mega-imagen-texto em { font-style: normal !important; font-size: 11px !important; font-family: 'Inter', sans-serif !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; opacity: 0.9 !important; }

  /* === SEARCH — SLIDE DOWN PANEL === */
  .gu-header-search { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 9999 !important; background: #FDFAF6 !important; border-bottom: 1px solid #E5D3BD !important; box-shadow: 0 12px 48px rgba(26,22,20,0.10) !important; padding: 48px 24px 40px !important; transform: translateY(-100%) !important; transition: transform 0.52s cubic-bezier(0.22,1,0.36,1), visibility 0.52s !important; visibility: hidden !important; }
  .gu-header-search::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 2px !important; background: linear-gradient(90deg, transparent 0%, #C9A96E 25%, #E8D4A0 50%, #C9A96E 75%, transparent 100%) !important; }
  .gu-header-search.gu-header-search-abierto { transform: translateY(0) !important; visibility: visible !important; }
  .gu-header-search-inner { max-width: 500px !important; margin: 0 auto !important; text-align: center !important; }
  .gu-header-search-gem { display: none !important; }
  .gu-header-search-eyebrow { font-family: 'Inter', sans-serif !important; font-size: 9px !important; letter-spacing: 0.24em !important; text-transform: uppercase !important; color: #C9A96E !important; margin: 0 0 18px !important; opacity: 0 !important; transition: opacity 0.30s ease 0.28s !important; }
  .gu-header-search-abierto .gu-header-search-eyebrow { opacity: 1 !important; }
  .gu-header-search-form { position: relative !important; width: 100% !important; opacity: 0 !important; transform: translateY(8px) !important; transition: opacity 0.32s ease 0.22s, transform 0.32s ease 0.22s !important; }
  .gu-header-search-abierto .gu-header-search-form { opacity: 1 !important; transform: translateY(0) !important; }
  .gu-header-search-form::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 1px !important; background: linear-gradient(90deg, transparent, #C9A96E 20%, #C9A96E 80%, transparent) !important; transform: scaleX(0) !important; transform-origin: center !important; transition: transform 0.55s cubic-bezier(0.22,1,0.36,1) 0.42s !important; }
  .gu-header-search-abierto .gu-header-search-form::after { transform: scaleX(1) !important; }
  .gu-header-search-input { width: 100% !important; box-sizing: border-box !important; background: transparent !important; border: none !important; border-bottom: 1px solid rgba(201,169,110,0.28) !important; padding: 6px 0 14px !important; font-family: 'Cormorant Garamond', serif !important; font-style: italic !important; font-size: clamp(1.5rem, 5vw, 2.2rem) !important; color: #1A1614 !important; outline: none !important; text-align: center !important; letter-spacing: -0.01em !important; -webkit-appearance: none !important; appearance: none !important; }
  .gu-header-search-input::placeholder { color: rgba(26,22,20,0.22) !important; }
  .gu-header-search-hint { font-family: 'Inter', sans-serif !important; font-size: 9px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: rgba(26,22,20,0.22) !important; margin: 14px 0 0 !important; opacity: 0 !important; transition: opacity 0.30s ease 0.60s !important; }
  .gu-header-search-abierto .gu-header-search-hint { opacity: 1 !important; }
  .gu-header-search-hint--mob { display: none !important; }
  @media (max-width: 749px) { .gu-header-search-hint--desk { display: none !important; } .gu-header-search-hint--mob { display: none !important; } }
  .gu-header-search-cerrar { position: absolute !important; top: 14px !important; right: 16px !important; width: 34px !important; height: 34px !important; background: transparent !important; border: 1px solid rgba(26,22,20,0.14) !important; border-radius: 50% !important; cursor: pointer !important; color: #5C3D2E !important; font-size: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0 !important; transition: opacity 0.25s ease 0.15s, border-color 0.20s ease, color 0.20s ease !important; }
  .gu-header-search-abierto .gu-header-search-cerrar { opacity: 1 !important; }
  .gu-header-search-cerrar:hover { border-color: #C9A96E !important; color: #C9A96E !important; }

  .gu-header-mobile-menu { position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; width: 84% !important; max-width: 360px !important; background: var(--gu-h-bg, #F7F2EC) !important; color: var(--gu-h-texto, #1A1614) !important; z-index: 110 !important; transform: translateX(-100%) !important; transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important; display: flex !important; flex-direction: column !important; overflow-y: auto !important; font-family: 'Inter', system-ui, sans-serif !important; }
  .gu-header-mobile-menu.gu-header-mobile-abierto { transform: translateX(0) !important; }
  .gu-header-mobile-header { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 20px !important; border-bottom: 1px solid var(--gu-h-borde, #E5D3BD) !important; }
  .gu-header-mobile-titulo { font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.20em !important; text-transform: uppercase !important; opacity: 0.55 !important; }
  .gu-header-mobile-cerrar { width: 36px !important; height: 36px !important; border: none !important; background: rgba(92, 61, 46, 0.05) !important; border-radius: 50% !important; cursor: pointer !important; color: inherit !important; font-size: 15px !important; }
  .gu-header-mobile-nav { flex: 1 !important; padding: 12px 0 !important; }
  .gu-header-mobile-divider { height: 1px !important; margin: 14px 20px !important; background: var(--gu-h-borde, #E5D3BD) !important; }

  .gu-header-mobile-destacados {
    padding: 18px 20px 22px !important;
    margin: 0 0 8px !important;
    border-bottom: 1px solid var(--gu-h-borde, rgba(229, 211, 189, 0.5)) !important;
    background: linear-gradient(180deg, rgba(201, 169, 110, 0.06) 0%, rgba(201, 169, 110, 0.00) 100%) !important;
  }
  .gu-header-mobile-destacados-titulo {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--gu-h-acento, #5C3D2E) !important;
    opacity: 0.85 !important;
    margin: 0 0 14px !important;
    text-align: left !important;
  }
  .gu-header-mobile-destacados-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
  .gu-header-mobile-destacados-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    text-decoration: none !important;
    color: inherit !important;
    background: #fff !important;
    border: 1px solid var(--gu-h-borde, rgba(229, 211, 189, 0.6)) !important;
    border-radius: 4px !important;
    padding: 10px 10px 12px !important;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.25s ease, box-shadow 0.3s ease !important;
  }
  .gu-header-mobile-destacados-card:hover,
  .gu-header-mobile-destacados-card:focus-visible {
    border-color: var(--gu-h-acento, #5C3D2E) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(92, 61, 46, 0.08) !important;
  }
  .gu-header-mobile-destacados-img-wrap {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 3px !important;
    background: #F5EFE7 !important;
  }
  .gu-header-mobile-destacados-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }
  .gu-header-mobile-destacados-img-placeholder {
    background: linear-gradient(135deg, #F5EFE7 0%, #E5D3BD 100%) !important;
  }
  .gu-header-mobile-destacados-etiqueta {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 8.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
    color: #C9A96E !important;
    margin: 2px 0 0 !important;
  }
  .gu-header-mobile-destacados-nombre {
    font-family: 'Inter', system-ui, sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em !important;
    color: #1A1614 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 2.7em !important;
    margin-top: 2px !important;
  }

  .gu-header-mobile-item { border-bottom: 1px solid var(--gu-h-borde, rgba(229, 211, 189, 0.5)) !important; }
  .gu-header-mobile-link { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; padding: 18px 20px !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: inherit !important; text-decoration: none !important; background: transparent !important; border: none !important; cursor: pointer !important; text-align: left !important; }
  .gu-header-mobile-link-mini { font-size: 11px !important; font-weight: 400 !important; letter-spacing: 0.10em !important; text-transform: uppercase !important; padding: 14px 20px !important; opacity: 0.65 !important; }
  .gu-header-mobile-flecha { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; border: 1.5px solid var(--gu-h-acento, #5C3D2E) !important; color: var(--gu-h-acento, #5C3D2E) !important; background: rgba(92, 61, 46, 0.06) !important; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), background 0.25s ease, color 0.25s ease, border-color 0.25s ease !important; flex-shrink: 0 !important; }
  .gu-header-mobile-flecha svg { width: 15px !important; height: 15px !important; }
  .gu-header-mobile-flecha svg path { stroke-width: 2 !important; }
  .gu-header-mobile-link-toggle:hover .gu-header-mobile-flecha { background: var(--gu-h-acento, #5C3D2E) !important; color: #fff !important; }
  .gu-header-mobile-link-toggle[aria-expanded="true"] .gu-header-mobile-flecha { transform: rotate(45deg) !important; background: var(--gu-h-acento, #5C3D2E) !important; color: #fff !important; border-color: var(--gu-h-acento, #5C3D2E) !important; }
  .gu-header-mobile-sub { max-height: 0 !important; overflow: hidden !important; transition: max-height 0.4s ease !important; background: rgba(92, 61, 46, 0.02) !important; }
  .gu-header-mobile-link-toggle[aria-expanded="true"] + .gu-header-mobile-sub { max-height: 60vh !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; }
  .gu-header-mobile-link-toggle[aria-expanded="true"] + .gu-header-mobile-sub::-webkit-scrollbar { width: 4px !important; }
  .gu-header-mobile-link-toggle[aria-expanded="true"] + .gu-header-mobile-sub::-webkit-scrollbar-thumb { background: #E5D3BD !important; border-radius: 2px !important; }
  .gu-header-mobile-sublink { display: block !important; padding: 14px 36px !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0.02em !important; text-transform: none !important; color: inherit !important; opacity: 0.75 !important; text-decoration: none !important; border-bottom: 1px solid var(--gu-h-borde, rgba(229, 211, 189, 0.4)) !important; }
  .gu-header-mobile-sublink:last-child { border-bottom: none !important; }
  .gu-header-mobile-acciones { padding: 20px !important; border-top: 1px solid var(--gu-h-borde, #E5D3BD) !important; display: flex !important; flex-direction: column !important; gap: 10px !important; }
  .gu-header-mobile-accion { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 14px 20px !important; background: rgba(92, 61, 46, 0.06) !important; border-radius: 2px !important; font-family: 'Inter', system-ui, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: inherit !important; text-decoration: none !important; }
  .gu-header-overlay { position: fixed !important; inset: 0 !important; background: rgba(26, 22, 20, 0.45) !important; z-index: 100 !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.3s ease, visibility 0.3s ease !important; cursor: pointer !important; }
  .gu-header-overlay.gu-header-overlay-visible { opacity: 1 !important; visibility: visible !important; }

  .gu-header-utilidad-club {
    display: none !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 18px 8px 16px !important;
    border: 1px solid rgba(201, 169, 110, 0.40) !important;
    border-radius: 100px !important;
    background: linear-gradient(135deg, rgba(201, 169, 110, 0.08) 0%, rgba(201, 169, 110, 0.02) 100%) !important;
    color: #C9A96E !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: hidden !important;
    transition: border-color 0.4s ease, background 0.4s ease, color 0.4s ease, transform 0.3s cubic-bezier(0.4,0,0.2,1), box-shadow 0.4s ease !important;
    isolation: isolate !important;
  }
  .gu-header-utilidad-club::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -80% !important;
    width: 50% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(232, 195, 130, 0.28), transparent) !important;
    transform: skewX(-20deg) !important;
    animation: gu-club-shimmer 4.5s infinite !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }
  .gu-header-utilidad-club:hover {
    border-color: rgba(232, 195, 130, 0.80) !important;
    background: linear-gradient(135deg, rgba(232, 195, 130, 0.14) 0%, rgba(201, 169, 110, 0.06) 100%) !important;
    color: #E8C382 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 24px -10px rgba(201, 169, 110, 0.55) !important;
  }
  .gu-header-utilidad-club-gem {
    display: inline-flex !important;
    font-size: 11px !important;
    color: #E8C382 !important;
    filter: drop-shadow(0 0 4px rgba(201, 169, 110, 0.45)) !important;
    animation: gu-club-pulse 2.6s ease-in-out infinite !important;
    transform-origin: center !important;
  }
  @keyframes gu-club-shimmer {
    0%, 55% { left: -80% !important; }
    100% { left: 180% !important; }
  }
  @keyframes gu-club-pulse {
    0%, 100% { opacity: 0.85 !important; transform: scale(1) rotate(0deg) !important; filter: drop-shadow(0 0 4px rgba(201, 169, 110, 0.45)) !important; }
    50% { opacity: 1 !important; transform: scale(1.18) rotate(45deg) !important; filter: drop-shadow(0 0 8px rgba(232, 195, 130, 0.85)) !important; }
  }

  .gu-header-mobile-item-club {
    background: linear-gradient(135deg, rgba(201, 169, 110, 0.12) 0%, rgba(201, 169, 110, 0.02) 100%) !important;
    position: relative !important;
    border-bottom: 1px solid rgba(201, 169, 110, 0.25) !important;
  }
  .gu-header-mobile-item-club::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 3px !important;
    height: 100% !important;
    background: linear-gradient(180deg, transparent 0%, #C9A96E 50%, transparent 100%) !important;
  }
  .gu-header-mobile-item-club::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 40% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(232, 195, 130, 0.18), transparent) !important;
    animation: gu-club-shimmer 5s infinite !important;
    pointer-events: none !important;
  }
  .gu-header-mobile-club {
    color: #C9A96E !important;
    font-family: 'Cormorant Garamond', 'Forum', serif !important;
    font-style: italic !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em !important;
    text-transform: none !important;
    position: relative !important;
    z-index: 1 !important;
  }
  .gu-header-mobile-club:hover { color: #E8C382 !important; }

  @media (min-width: 990px) {
    .gu-header-utilidad-contenedor { padding: 22px 40px !important; gap: 24px !important; }
    .gu-header-burguer { display: none !important; }
    .gu-header-utilidad-links { display: flex !important; }
    .gu-header-utilidad-club { display: inline-flex !important; }
    .gu-header-logo-img { max-height: 48px !important; max-width: 240px !important; }
    .gu-wm-top { font-size: 26px !important; }
    .gu-wm-sep { width: 30px !important; margin: 5px auto !important; }
    .gu-wm-bot { font-size: 13px !important; margin-top: 0 !important; }
    .gu-header-acciones { gap: 8px !important; }
    .gu-header-icono-search-desk, .gu-header-icono-cuenta-desk, .gu-header-wishlist { display: inline-flex !important; }
    .gu-header-wishlist { position: relative !important; }
    .gu-header-wishlist-badge {
      position: absolute !important;
      top: -4px !important;
      right: -4px !important;
      min-width: 16px !important;
      height: 16px !important;
      padding: 0 4px !important;
      border-radius: 100px !important;
      background: #C9A96E !important;
      color: #fff !important;
      font-family: 'Inter', system-ui, sans-serif !important;
      font-size: 9px !important;
      font-weight: 700 !important;
      line-height: 16px !important;
      letter-spacing: 0 !important;
      text-align: center !important;
      pointer-events: none !important;
      transition: opacity 0.2s ease, transform 0.2s ease !important;
    }
    .gu-header-wishlist-badge[data-empty="true"] { opacity: 0 !important; transform: scale(0.5) !important; }
    .gu-header-nav-wrap { display: block !important; }
    .gu-header-nav { padding: 14px 32px !important; }
    .gu-header-nav-link { font-size: 12px !important; letter-spacing: 0.16em !important; padding: 10px 18px !important; }
    .gu-header-mobile-menu, .gu-header-overlay { display: none !important; }
    .gu-header-mobile-bar { display: none !important; }
  }
/* END_SECTION:header */