@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600&family=Comfortaa:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');

:root {
  --wine: #790c1b;
  --wine-dark: #450810;
  --wine-light: #9e182b;
  --cream: #ffffff;
  --bg-page: #fdfcfb;
  --bg-card: #ffffff;
  --ink: #1e1919;
  --border: #ece6df;
  --border-subtle: #f5f0eb;
  --bubble: 'Fredoka', 'Comfortaa', -apple-system, sans-serif;
  --serif: var(--bubble);
  --sans: 'DM Sans', Arial, sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:var(--bg-page);font-family:var(--sans);font-size:14px}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b57537;outline-offset:4px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}svg{width:21px;height:21px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.container{width:94%;max-width:1320px;margin:auto}.site-header{background:rgba(255,255,255,0.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-main{display:flex;align-items:center;gap:5%;min-height:80px;padding:10px 20px}.brand{font:34px/1 var(--serif);white-space:nowrap;letter-spacing:1px}.brand small{display:block;text-align:center;font:7px/1.6 var(--sans);letter-spacing:4px;margin-top:7px}.search{display:flex;align-items:center;gap:14px;border:1px solid #dedbd5;background:#f8f6f3;border-radius:999px;padding:10px 20px;flex:1}.search input{border:0;outline:0;background:none;min-width:0;width:100%;font-size:13px}.header-actions{display:flex;gap:26px;align-items:center;white-space:nowrap}.icon-button{display:flex;align-items:center;gap:8px;background:none;padding:5px 0;font-size:13px;position:relative}.icon-button svg{width:27px;height:27px}.cart-count{position:absolute;top:-3px;left:18px;background:var(--wine);color:#fff;border-radius:50%;min-width:16px;height:16px;text-align:center;font-size:10px;line-height:16px}.main-nav{display:flex;justify-content:center;gap:15px;height:38px}.main-nav a{padding:8px 20px 10px;font-size:13px;border-radius:999px;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{border-color:var(--wine)}.hero{position:relative;isolation:isolate;overflow:hidden;height:clamp(380px,36.2vw,520px);background:#fcfbf9}.photo{background-image:url('../images/design-reference.png');background-repeat:no-repeat;overflow:hidden}.hero-photo{position:absolute;right:0;top:0;width:63%;height:100%;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fcfbf9 0%,#fcfbf9 27%,#fcfbf9c7 36%,transparent 52%)}.hero-content{padding:4.2% 6.2%;max-width:1440px;margin:auto}.eyebrow{font-size:12px;letter-spacing:5px;font-weight:600;color:var(--wine);margin-bottom:14px}h1{font:clamp(66px,8.2vw,118px)/.88 var(--serif);letter-spacing:-3px;color:var(--wine-dark);margin-bottom:15px}.hero-description{font-size:clamp(17px,1.9vw,25px);line-height:1.25;margin-bottom:20px}.button{display:inline-flex;justify-content:center;align-items:center;gap:23px;padding:13px 26px;border-radius:999px;font-weight:600;font-size:14px;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--wine) 0%,var(--wine-light) 100%);color:white;box-shadow:0 4px 16px rgba(121,12,27,0.25)}.button-primary:hover{background:var(--wine-dark);box-shadow:0 6px 20px rgba(121,12,27,0.35)}.button-light{background:#ffffff;color:var(--wine-dark);border:1px solid var(--border)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:12px 0 26px}.category-card{display:flex;position:relative;overflow:hidden;background:#ffffff;border:1px solid var(--border);border-radius:20px;min-height:135px;aspect-ratio:2.45;box-shadow:0 4px 18px rgba(0,0,0,0.03);transition:transform .25s,box-shadow .25s}.category-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(121,12,27,0.09)}.category-photo{width:63%;height:100%;position:absolute;left:0}.category-copy{position:relative;margin-left:61%;align-self:center;padding:14px 12px 14px 0}.category-copy h2{font:clamp(20px,2.1vw,28px)/1.05 var(--serif);margin-bottom:12px;letter-spacing:-.7px}.round-arrow{width:32px;height:32px;border-radius:50%;background:rgba(121,12,27,0.08);display:flex;justify-content:center;align-items:center;color:var(--wine);transition:transform .2s,background .2s}.round-arrow svg{width:16px;height:16px}.category-card:hover .round-arrow,.discover-card:hover .round-arrow{transform:translateX(4px);background:var(--wine);color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:16px}h2{font:clamp(28px,3.1vw,43px)/1.13 var(--serif);color:var(--wine-dark);letter-spacing:-1px}.text-link{display:inline-flex;align-items:center;gap:10px;background:none;padding:0;color:var(--wine-dark);white-space:nowrap;text-decoration:underline;text-underline-offset:4px;font-size:13px;font-weight:600}.text-link svg{width:17px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#ffffff;padding:12px;box-shadow:0 4px 18px rgba(0,0,0,0.03);transition:box-shadow .25s,transform .25s,border-color .25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(121,12,27,0.09);border-color:rgba(121,12,27,0.25)}.product-image{display:block;width:100%;aspect-ratio:228/198;border-radius:14px;padding:0}.product-copy{padding:10px 8px 12px}.product-copy h3{font-size:15px;line-height:1.4;font-weight:500;min-height:41px;max-width:210px}.price{display:block;font-size:21px;font-weight:700;margin:6px 0 10px}.collection{padding-bottom:30px}.filter-status{margin:0 0 15px;color:var(--wine);font-size:13px}.empty-state{padding:40px;text-align:center;border:1px solid var(--border);border-radius:20px;background:#fff}.gift-banner{position:relative;isolation:isolate;overflow:hidden;background:#510a14;min-height:220px;border-radius:24px;margin:25px auto;box-shadow:0 16px 45px rgba(81,10,20,0.18)}.gift-photo{position:absolute;right:0;inset-block:0;width:60%;z-index:-2}.gift-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#510a14 30%,transparent 65%);z-index:-1}.gift-content{max-width:1440px;margin:auto;padding:26px 5.7%}.gift-content h2{color:#ffffff;font-size:clamp(35px,4vw,56px);line-height:.95;letter-spacing:-1px}.gift-content p{margin:10px 0 16px;color:#f0e9e4;font-size:15px}.gift-content .button{padding:11px 26px;font-size:13.5px;border-radius:999px}.discover{padding-top:25px;padding-bottom:25px}.discover>h2{margin-bottom:14px}.discover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.discover-card{isolation:isolate;position:relative;overflow:hidden;border-radius:20px;text-align:left;aspect-ratio:2.35;min-height:150px;background:#ffffff;border:1px solid var(--border);padding:16px 20px;box-shadow:0 4px 18px rgba(0,0,0,0.03);transition:transform .25s,box-shadow .25s}.discover-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(121,12,27,0.08)}.fashion{background:#ffffff}.tech{background:#ffffff}.discover-photo{position:absolute;right:0;top:0;width:61%;height:100%;z-index:-2}.discover-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff 28%,transparent 65%);z-index:-1}.badge{display:inline-block;background:rgba(121,12,27,0.08);color:var(--wine);font-size:9px;font-weight:700;border-radius:999px;padding:4px 12px;letter-spacing:.6px}.discover-copy h3{font:25px/1.1 var(--serif);margin-top:12px;letter-spacing:-.8px;color:var(--wine-dark)}.discover-copy p{font-size:13px;margin-top:4px;min-height:28px;color:#666}.discover-copy .round-arrow{width:30px;height:30px;margin-top:6px}.site-footer{border-top:1px solid var(--border);background:#ffffff}.footer-main{display:grid;grid-template-columns:1.2fr 1fr .95fr .95fr;gap:40px;padding:26px 25px 20px}.footer-brand{font-size:29px;display:inline-block}.footer-brand small{font-size:7px;letter-spacing:3px}.social-links{display:flex;gap:12px;margin-top:18px}.social-links button,.social-links a{font-weight:700;font-size:18px}.footer-main h3{font-size:13px;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--wine-dark)}.footer-main button{display:block;background:none;padding:3px 0;font-size:12px;text-align:left}.footer-main button:hover{text-decoration:underline}.copyright{border-top:1px solid var(--border);font-size:11px;color:#777;padding:14px 25px 20px;text-align:center}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{display:block;padding:10px}dialog{border:1px solid var(--border);border-radius:20px;padding:32px;background:#ffffff;color:var(--ink);max-height:90dvh;max-width:calc(100% - 28px);width:540px;box-shadow:0 25px 90px rgba(0,0,0,0.2)}dialog::backdrop{background:rgba(33,7,13,0.65);backdrop-filter:blur(6px)}dialog h2{font-size:30px;padding-right:20px;margin-bottom:18px}.close-button{position:absolute;right:14px;top:10px;background:transparent;font-size:30px;z-index:2}.product-dialog{width:760px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.detail-layout .photo{aspect-ratio:228/198;border-radius:16px}.detail-layout p{line-height:1.65;margin:12px 0}.detail-layout h2{font-size:28px}.detail-layout .eyebrow{font-size:10px;letter-spacing:2px}.cart-row{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.cart-row .photo{width:70px;aspect-ratio:1;flex-shrink:0;border-radius:12px}.cart-row-copy{flex:1;font-size:13px}.cart-row-copy strong{display:block;margin-bottom:6px;font-weight:600}.quantity{display:flex;align-items:center;gap:10px;margin-top:10px}.quantity button{background:#f4eee8;border-radius:6px;width:28px;height:28px}.quantity .remove-item{background:none;font-size:12px;width:auto;text-decoration:underline;margin-left:auto;color:#888}.cart-total{display:flex;justify-content:space-between;margin:23px 0;font-size:20px;font-weight:700}.demo-note{font-size:12px;line-height:1.6;color:#6d635c;margin-bottom:20px}.info-dialog>p:not(.eyebrow){line-height:1.7;margin-bottom:22px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--wine-dark);color:#fff;padding:13px 26px;border-radius:999px;box-shadow:0 8px 30px rgba(0,0,0,0.25);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1400px){.category-card{min-height:170px}.discover-card{min-height:180px}.gift-content{padding-block:30px}.header-main{min-height:94px}}
@media(max-width:800px){.header-main{gap:22px;padding-inline:0}.brand{font-size:28px}.header-actions{gap:18px}.action-label{display:none}.main-nav a{padding-inline:16px}.hero-content{padding-top:40px}.hero-photo{width:67%}.category-grid{gap:8px}.category-card{min-height:115px}.category-copy{margin-left:53%}.category-copy h2{font-size:20px}.section-heading h2{font-size:30px}.product-grid{grid-template-columns:repeat(2,1fr);gap:18px}.product-copy h3{max-width:none;min-height:0}.product-copy{padding:12px}.discover-grid{gap:10px}.discover-card{padding:12px;min-height:155px}.discover-copy h3{font-size:24px}.discover-photo{width:62%}.footer-main{gap:25px;padding-inline:0}.gift-content p{max-width:300px}.gift-photo{width:62%}}
@media(max-width:560px){.container{width:92%}.header-main{flex-wrap:wrap;justify-content:space-between;gap:18px;padding-top:18px;padding-bottom:10px}.brand{font-size:29px}.header-actions{gap:24px}.search{order:3;flex-basis:100%;padding-block:10px}.main-nav{gap:0;justify-content:space-around;height:42px}.main-nav a{padding:10px 12px;font-size:12px}.hero{height:565px}.hero-content{padding:27px 7%}.eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:14px}h1{font-size:67px;letter-spacing:-2px;line-height:.9}.hero-description{font-size:16px;line-height:1.35;margin-bottom:14px}.hero .button{padding:11px 18px;font-size:13px}.hero-photo{width:100%;height:290px;top:auto;bottom:0}.hero:after{background:linear-gradient(180deg,#f7eddf 0%,#f7eddf 44%,#f7eddf00 65%)}.category-grid{grid-template-columns:1fr;margin-top:14px;margin-bottom:26px;gap:10px}.category-card{aspect-ratio:auto;height:118px;min-height:0}.category-photo{width:55%}.category-copy{margin-left:60%;padding-block:10px}.category-copy h2{font-size:23px}.section-heading{align-items:start;gap:10px}.section-heading h2{font-size:30px;max-width:260px}.section-heading .text-link{font-size:11px;margin-top:9px;gap:3px}.section-heading .text-link svg{width:13px}.product-grid{gap:10px}.product-copy{padding:8px 6px 11px}.product-copy h3{font-size:12px;min-height:52px}.price{font-size:18px}.product-copy .text-link{font-size:12px}.gift-banner{min-height:310px}.gift-content{padding:25px 6%}.gift-content h2{font-size:36px}.gift-content p{font-size:13px;max-width:230px}.gift-photo{width:100%;height:180px;top:auto;bottom:0}.gift-banner:after{background:linear-gradient(180deg,#650a16 23%,#650a1680 62%,transparent)}.gift-content .button{position:relative;z-index:1}.discover>h2{font-size:30px}.discover-grid{grid-template-columns:1fr;gap:12px}.discover-card{min-height:150px;aspect-ratio:2.5;padding:13px 20px}.discover-copy h3{font-size:28px;margin-top:12px}.discover-photo{width:60%}.discover-copy p{font-size:13px}.footer-main{grid-template-columns:1fr 1fr;gap:25px;padding:24px 5px}.footer-main h3{font-size:13px}.footer-main button{font-size:12px;padding-block:4px}.copyright{padding-inline:5px;font-size:9px}.detail-layout{grid-template-columns:1fr;gap:20px}.detail-layout .photo{max-height:240px}dialog{padding:28px 22px}.toast{width:88%;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:560px){h1{font-size:clamp(48px,13.5vw,67px)}.main-nav a{padding-inline:8px}.main-nav{gap:0}.hero-description{max-width:100%}.header-main>.brand{font-size:clamp(25px,6.5vw,29px)}}
.category-grid>*,.discover-grid>*,.product-grid>*{min-width:0}.category-grid,.discover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:560px){.category-grid,.discover-grid{grid-template-columns:minmax(0,1fr)}}
.discover-card{width:100%}@media(max-width:560px){.discover-card{aspect-ratio:auto;height:150px}}

/* Fix fill en iconos sociales y whatsapp que deben ser solidos y no alambre */
.social-link-facebook svg,
.social-link-facebook svg path,
.social-link-tiktok svg,
.social-link-tiktok svg path,
.btn-hero-whatsapp svg,
.btn-hero-whatsapp svg path,
.btn-whatsapp-fill svg,
.btn-whatsapp-fill svg path {
  fill: #ffffff !important;
  stroke: none !important;
}
.social-link-whatsapp svg,
.valkyn-wsp-float svg,
.footer-whatsapp-link svg {
  fill: none !important;
  stroke: none !important;
}
.social-link-whatsapp svg path:first-child,
.valkyn-wsp-float svg path:first-child,
.footer-whatsapp-link svg path:first-child {
  fill: #ffffff !important;
  stroke: none !important;
}
.social-link-whatsapp svg path:last-child,
.valkyn-wsp-float svg path:last-child,
.footer-whatsapp-link svg path:last-child {
  fill: #25d366 !important;
  stroke: none !important;
}
.social-link-instagram svg {
  fill: none !important;
  stroke: #ffffff !important;
  stroke-width: 2 !important;
}
.footer-whatsapp-link {
  background: #25d366 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35) !important;
}
.footer-whatsapp-link:hover {
  background: #20bd5a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45) !important;
  color: #ffffff !important;
}

/* Menu con color y letras blancas */
.main-nav {
  background: linear-gradient(90deg, #510a14 0%, #790c1b 50%, #510a14 100%) !important;
  box-shadow: 0 3px 12px rgba(121, 12, 27, 0.22) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.main-nav a {
  color: #ffffff !important;
  font-weight: 600 !important;
  opacity: 0.92 !important;
}
.main-nav a strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}
.main-nav a:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  opacity: 1 !important;
}
.main-nav a.active {
  background: rgba(255, 255, 255, 0.24) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
}

/* Sección Próximamente en Valkyn */
.discover {
  padding: clamp(45px, 5.5vw, 75px) 0 !important;
}
.discover-header-luxury {
  text-align: center;
  max-width: 680px;
  margin: 0 auto clamp(28px, 3.8vw, 44px);
}
.discover-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--wine);
  background: rgba(121, 12, 27, 0.07);
  padding: 5px 14px;
  border-radius: 999px;
  margin-bottom: 12px;
}
.discover-header-luxury h2 {
  font-family: var(--bubble) !important;
  font-size: clamp(28px, 3.4vw, 42px) !important;
  color: var(--wine-dark, #3d070f) !important;
  line-height: 1.15;
  letter-spacing: -0.5px;
  margin-bottom: 10px !important;
}
.discover-subtitle {
  font-size: 14px;
  color: #6d635c;
  line-height: 1.6;
}
.discover-grid-luxury {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
}
.discover-card-luxury {
  position: relative;
  background: #ffffff;
  border: 1px solid rgba(121, 12, 27, 0.08);
  border-radius: 20px;
  padding: 28px 24px 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  cursor: pointer;
}
.discover-card-luxury:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 38px rgba(121, 12, 27, 0.1);
  border-color: rgba(121, 12, 27, 0.22);
}
.card-beauty {
  background: linear-gradient(145deg, #ffffff 0%, #fff6f3 100%) !important;
}
.card-fashion {
  background: linear-gradient(145deg, #ffffff 0%, #fdf8f0 100%) !important;
}
.card-tech {
  background: linear-gradient(145deg, #ffffff 0%, #f4f8fc 100%) !important;
}
.card-luxury-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}
.badge-luxury {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.8px;
  padding: 4px 10px;
  border-radius: 999px;
  text-transform: uppercase;
}
.badge-wine {
  background: rgba(121, 12, 27, 0.09);
  color: var(--wine);
}
.badge-gold {
  background: rgba(197, 155, 39, 0.14);
  color: #936f0e;
}
.badge-tech {
  background: rgba(40, 90, 235, 0.09);
  color: #1e52b5;
}
.badge-status-dot {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #790c1b;
}
.dot-pulse {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #790c1b;
  box-shadow: 0 0 0 rgba(121, 12, 27, 0.4);
  animation: dotPulse 2s infinite;
}
.card-luxury-icon-wrap {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: transform 0.25s ease;
}
.discover-card-luxury:hover .card-luxury-icon-wrap {
  transform: scale(1.08) rotate(2deg);
}
.beauty-glow {
  background: rgba(224, 86, 110, 0.12);
  color: #d13d5b;
}
.fashion-glow {
  background: rgba(197, 155, 39, 0.15);
  color: #a4760a;
}
.tech-glow {
  background: rgba(40, 90, 235, 0.12);
  color: #2563eb;
}
.card-luxury-body h3 {
  font-family: var(--bubble) !important;
  font-size: 21px !important;
  color: var(--wine-dark, #3d070f) !important;
  line-height: 1.25;
  margin-bottom: 8px !important;
  letter-spacing: -0.3px;
}
.card-luxury-body p {
  font-size: 13.5px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 14px;
  min-height: 40px;
}
.card-luxury-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.card-luxury-tags span {
  background: rgba(0, 0, 0, 0.035);
  font-size: 11px;
  font-weight: 500;
  color: #555;
  padding: 3px 9px;
  border-radius: 6px;
  letter-spacing: 0.1px;
}
.card-luxury-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 16px;
}
.btn-card-notify {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: #ffffff;
  color: var(--wine);
  border: 1px solid rgba(121, 12, 27, 0.18);
  padding: 10px 16px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}
.btn-card-notify:hover {
  background: var(--wine);
  color: #ffffff;
  border-color: var(--wine);
  transform: translateX(3px);
}
@media(max-width: 900px) {
  .discover-grid-luxury {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .card-luxury-body p {
    min-height: 0;
  }
}

/* ==========================================================
   PRODUCTO ESTRELLA / SPOTLIGHT MONOPRODUCTO
   ========================================================== */
.spotlight-section {
  padding: clamp(30px, 4vw, 55px) 0 45px !important;
}
.spotlight-card {
  background: #ffffff !important;
  border: 1px solid rgba(121, 12, 27, 0.12) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: 0 15px 50px rgba(81, 10, 20, 0.06) !important;
  display: grid !important;
  grid-template-columns: 1.05fr 1fr !important;
  gap: 0 !important;
  transition: box-shadow 0.3s ease !important;
}
.spotlight-card:hover {
  box-shadow: 0 20px 60px rgba(81, 10, 20, 0.1) !important;
}
.spotlight-gallery {
  background: #fbf7f2 !important;
  padding: clamp(24px, 3.5vw, 40px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  border-right: 1px solid rgba(121, 12, 27, 0.08) !important;
}
.spotlight-badge-corner {
  position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  background: var(--wine) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(121, 12, 27, 0.3) !important;
  z-index: 2 !important;
}
.spotlight-main-img-box {
  width: 100% !important;
  min-height: 380px !important;
  max-height: 480px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
}
.spotlight-main-img {
  max-width: 100% !important;
  max-height: 460px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  transition: transform 0.3s ease !important;
}
.spotlight-thumbs-row {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  width: 100% !important;
  padding-top: 10px !important;
}
.spotlight-thumb-btn {
  width: 68px !important;
  height: 78px !important;
  border-radius: 10px !important;
  border: 2px solid transparent !important;
  background: #ffffff !important;
  padding: 3px !important;
  cursor: pointer !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}
.spotlight-thumb-btn.active, .spotlight-thumb-btn:hover {
  border-color: var(--wine) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(121, 12, 27, 0.2) !important;
}
.spotlight-thumb-btn img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
.spotlight-info {
  padding: clamp(28px, 4vw, 48px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
.spotlight-meta-top {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-bottom: 12px !important;
}
.spotlight-cat-tag {
  background: rgba(121, 12, 27, 0.08) !important;
  color: var(--wine) !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}
.spotlight-stock-status {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  color: #2e7d32 !important;
  font-weight: 600 !important;
}
.spotlight-title {
  font-family: var(--bubble) !important;
  font-size: clamp(26px, 2.8vw, 36px) !important;
  color: var(--wine-dark, #3d070f) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 12px !important;
}
.spotlight-price-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  flex-wrap: wrap !important;
}
.spotlight-price {
  font-family: var(--bubble) !important;
  font-size: clamp(30px, 3.2vw, 40px) !important;
  font-weight: 700 !important;
  color: var(--wine) !important;
}
.spotlight-price-sub {
  font-size: 13px !important;
  color: #777 !important;
}
.spotlight-desc {
  font-size: 14px !important;
  color: #555 !important;
  line-height: 1.6 !important;
  margin-bottom: 22px !important;
}
.spotlight-perks-list {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 14px !important;
  margin-bottom: 26px !important;
  padding: 16px 18px !important;
  background: #faf7f2 !important;
  border-radius: 14px !important;
  border: 1px dashed rgba(121, 12, 27, 0.15) !important;
}
.spotlight-perk-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-size: 12.5px !important;
  color: #444 !important;
  line-height: 1.35 !important;
}
.spotlight-actions {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  margin-bottom: 16px !important;
}
.spotlight-qty-picker {
  display: inline-flex !important;
  align-items: center !important;
  background: #f4eee8 !important;
  border-radius: 999px !important;
  padding: 4px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.spotlight-qty-picker button {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--wine-dark) !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.15s !important;
}
.spotlight-qty-picker button:hover {
  background: var(--wine) !important;
  color: #ffffff !important;
}
.spotlight-qty-input {
  width: 38px !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: var(--ink) !important;
}
.btn-spotlight-cart {
  flex: 1 !important;
  min-width: 170px !important;
  padding: 13px 24px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  justify-content: center !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.btn-spotlight-wsp {
  padding: 13px 22px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background: #25d366 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 16px rgba(37, 211, 102, 0.35) !important;
  transition: all 0.2s ease !important;
}
.btn-spotlight-wsp:hover {
  background: #20bd5a !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45) !important;
  color: #ffffff !important;
}
.spotlight-footer-link {
  font-size: 13px !important;
  color: var(--wine) !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
@media(max-width: 900px) {
  .spotlight-card {
    grid-template-columns: 1fr !important;
  }
  .spotlight-gallery {
    border-right: none !important;
    border-bottom: 1px solid rgba(121, 12, 27, 0.08) !important;
  }
  .spotlight-perks-list {
    grid-template-columns: 1fr !important;
  }
  .spotlight-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .spotlight-qty-picker {
    justify-content: center !important;
  }
  .btn-spotlight-cart, .btn-spotlight-wsp {
    width: 100% !important;
    justify-content: center !important;
  }
}