/* =========================================================
   V56 · Ultra Luxury text components
   Davidoff-inspired restraint: gold edge, floating elegance
   ========================================================= */
:root{
  --lux-gold-1: rgba(197,151,82,.18);
  --lux-gold-2: rgba(214,168,96,.42);
  --lux-gold-3: rgba(238,210,157,.20);
  --lux-gold-4: rgba(246,226,186,.52);
  --lux-champagne-shadow: rgba(97,64,34,.13);
  --lux-deep-shadow: rgba(55,34,18,.14);
  --lux-ease: cubic-bezier(.2,.75,.2,1);
}

.lux-text-component,
.lux-gold-ui{
  position: relative;
  transition:
    transform .72s var(--lux-ease),
    box-shadow .82s var(--lux-ease),
    border-color .72s var(--lux-ease),
    background-color .72s var(--lux-ease),
    filter .72s var(--lux-ease),
    color .62s var(--lux-ease);
  will-change: transform, box-shadow;
}

.lux-text-component{
  border: 1px solid transparent;
  border-radius: 18px;
}

#proceso .pane.lux-text-component{
  border-radius: 26px;
}

#contacto .cta.lux-text-component{
  border-radius: 32px;
}

#origen .origin-copy.lux-text-component,
#experiencia .experience-copy.lux-text-component{
  border-radius: 22px;
  padding: 10px 12px;
}

#personalizacion .eyebrow.lux-text-component,
#personalizacion h2.lux-text-component,
#personalizacion p.lead.lux-text-component{
  display: block;
  border-radius: 12px;
  padding: 6px 8px;
  margin-left: -8px;
  margin-right: -8px;
}

@media (hover:hover) and (pointer:fine){
  .lux-text-component:hover{
    border-color: var(--lux-gold-2);
    box-shadow:
      inset 0 0 0 1px rgba(255,241,214,.12),
      0 18px 44px var(--lux-champagne-shadow),
      0 5px 18px rgba(205,157,88,.10),
      0 0 0 1px rgba(220,184,121,.06);
    background:
      linear-gradient(180deg, rgba(255,252,248,.04), rgba(255,248,238,.025));
    transform: translate3d(var(--lux-x,0px), calc(var(--lux-y,0px) - 4px), 0) scale(1.012);
    filter: saturate(1.03);
    z-index: 6;
  }

  .lux-text-component:hover h2,
  .lux-text-component:hover h3,
  .lux-text-component:hover .eyebrow{
    text-shadow: 0 0 20px rgba(227,185,108,.10);
  }

  .lux-text-component:hover p,
  .lux-text-component:hover .lead{
    color: inherit;
  }

  .lux-gold-ui:hover{
    border-color: rgba(210,162,90,.68) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255,233,188,.12),
      0 10px 26px rgba(88,56,28,.10),
      0 0 0 1px rgba(227,188,118,.08);
    transform: translateY(-2px);
  }

  #proceso .process-btn.lux-gold-ui:hover{
    color: #c89c5d !important;
  }

  .btn.lux-gold-ui:hover{
    background: linear-gradient(180deg,#8f673d,#b58b54) !important;
    color: #fffaf2 !important;
  }
}

/* Floating drift base */
.lux-float{
  transform: translate3d(var(--lux-x,0px), var(--lux-y,0px), 0);
}

/* Refined defaults for sections already using cream/marble palette */
#diferencia .card.lux-text-component:hover,
#producto .spec.lux-text-component:hover,
#b2b .b2b.lux-text-component:hover,
#experiencia .experience-point.lux-text-component:hover,
.sensory-note.lux-text-component:hover{
  background:
    linear-gradient(180deg, rgba(255,251,245,.78), rgba(247,239,229,.72)) !important;
}

#origen .hook.lux-text-component:hover,
#proceso .pane.lux-text-component:hover,
.sensory-stage.lux-text-component:hover,
#contacto .cta.lux-text-component:hover{
  box-shadow:
    inset 0 0 0 1px rgba(255,242,216,.14),
    0 26px 60px rgba(70,44,23,.14),
    0 8px 22px rgba(205,157,88,.10),
    0 0 0 1px rgba(219,177,110,.08);
}

/* Keep media stable */
#proceso .pane-photo,
.personal-carousel-viewport img,
#experiencia .experience-photo img,
#producto .product-img img{
  transform: none !important;
}

/* Do not disturb mobile */
@media (hover:none), (pointer:coarse){
  .lux-float{
    transform:none !important;
  }
  .lux-text-component,
  .lux-gold-ui{
    box-shadow:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .lux-float{
    transform:none !important;
  }
  .lux-text-component,
  .lux-gold-ui{
    transition:none !important;
  }
}