/* Local palette trial. Keep layout, typography, product visuals and behavior intact. */
:root, .storefront, .admin-body {
  --wine: #FF8000;
  --wine-dark: #E87835;
  --cream: #F7F3EB;
  --champagne: #F7F3EB;
  --pink: #EEE8DD;
  --ink: #FF8000;
  --muted: #C87591;
  --line: #C6CECA;
  --accent: #E87835;
  --accent-hover: #ED8648;
  background-color: var(--cream);
  color: var(--ink);
}

/* Shared surfaces and identity, including the local administration panel. */
.storefront .announcement { background-color: #FF8000; }
.storefront .header, .drawer, .modal,
.storefront .product-card, .storefront .price-ranges > a,
.storefront .filters select, .storefront .search-box,
.gallery-thumb, .detail-buy-controls input,
.modal input, .modal textarea { background-color: var(--cream); color: var(--ink); }
.storefront .brand-ribbon, .storefront .price-section,
.storefront .new-section, .delivery-note, .advantages { background-color: #EEE8DD; }
.storefront .product-image { background-color: #EEE8DD; }
.storefront .price-ranges > a:nth-child(2) { background: var(--cream); color: var(--ink); border-color: var(--line); }
.storefront .price-ranges h3, .storefront .product-info strong,
.storefront .detail-price, .storefront .cart-unit-price,
.storefront .cart-item strong, .storefront #cartTotal { color: var(--wine); }
.storefront .range-action { border-color: var(--line); }
.storefront .cart-trigger, .storefront .text-link,
.storefront .edition-label { border-color: #FFF7F5; }
.storefront .product-card, .storefront .price-ranges > a,
.brand-choice, .storefront .benefits article + article { border-color: var(--line); }
.storefront .product-card:hover { box-shadow: 0 12px 28px #FF800010; }
.brand-choice:hover { box-shadow: 0 8px 24px #FF800014; }
.storefront .drawer { box-shadow: -15px 0 50px #FF800020; }
.storefront .hero { background-color: var(--wine-dark); }
.storefront .hero-shade { background: linear-gradient(90deg,#E87835F2 0%,#FF800080 48%,#FF800008 100%),linear-gradient(0deg,#E8783555,transparent 40%); }
.storefront h1 i, .storefront .hero-content p,
.storefront .announcement, .storefront footer { color: var(--cream); }
.overlay { background: #E8783599; }
.modal-wrap { background: #E87835AA; }
.storefront .drawer-head, .storefront .modal { color: var(--wine); }
.modal input, .modal textarea, .storefront .filters select,
.storefront .search-box, .detail-buy-controls input { border-color: #FFF7F5; }
.storefront .modal-x { color: var(--wine); }
.storefront .modal input::placeholder { color: var(--muted); opacity: 1; }
.storefront .eyebrow, .eyebrow { color: #FF8000; }
.storefront .eyebrow.light, .eyebrow.light { color: var(--cream); }
.storefront #destacados .section-head h2,
.storefront #destacados .section-head h2 i { color: #C87591; }
.storefront .section-head h2,
.storefront .section-head h2 i,
.storefront .brand-choice > span:first-child { color: #C87591; }
.storefront .header .brand em { color: #C87591; }
.storefront .header .brand-logo { display: block; width: 80px; height: 80px; object-fit: contain; }
@media(max-width:600px) {
  .storefront .header .brand-logo { width: 60px; height: 60px; }
}
@media(min-width:601px) {
  .storefront #beneficios .benefits > article {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 180px;
  }
  .storefront #beneficios .benefits p { margin: 0 auto; }
}

/* Primary buttons with the requested rose background and light text. */
.storefront .hero .btn, .storefront .add-btn,
.storefront #checkoutBtn, .storefront #productAdd, .storefront #checkoutForm button[type="submit"] {
  background: #C87591;
  color: #FFF7F5;
  border-color: transparent;
  box-shadow: none;
  transition: background-color .18s ease;
}
.storefront .hero .btn:hover, .storefront .add-btn:hover,
.storefront #checkoutBtn:hover, .storefront #productAdd:hover, .storefront #checkoutForm button[type="submit"]:hover {
  background: #BC6884;
  color: #FFF7F5;
  opacity: 1;
  transform: none;
}
.storefront .add-btn:disabled, .storefront #productAdd:disabled {
  background: #C6CECA;
  color: #FFF7F5;
  opacity: 1;
}
/* Existing tags are generated only from the existing product flags. */
.storefront .tag { background: #C87591; color: #FFF7F5; }

/* Underline uses a background, so the centered responsive menu keeps its size. */
.storefront .nav a {
  color: var(--wine);
  background-image: linear-gradient(var(--accent),var(--accent));
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 0 3px;
  transition: background-size .18s ease;
}
.storefront .nav a:hover, .storefront .nav a:focus-visible,
.storefront .nav a:active, .storefront .nav a[aria-current],
html:has(#sets:target) .nav a[href="#sets"],
html:has(#marcas:target) .nav a[href="#marcas"],
html:has(#por-precio:target) .nav a[href="#por-precio"],
html:has(#productDetail) .nav a[href="/#sets"] { background-size: 100% 3px; }
button:focus-visible, a:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible,
.storefront textarea:focus-visible { outline-color: var(--wine); }
.storefront .price-ranges > a:hover { outline-color: var(--wine); }
.storefront footer a:focus-visible { outline-color: var(--cream); }
/* Center the two-line invitation horizontally across the footer. */
.storefront .footer-invitation {
  grid-column: 1 / -1;
  grid-row: 2;
  display: block;
  text-align: center;
  white-space: normal;
  font-size: clamp(24px, 4.3vw, 32px);
}
.storefront .footer-top > .footer-links { grid-column: -2 / -1; }
@media(min-width:901px) {
  .storefront .footer-top { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); }
  .storefront .footer-invitation { grid-column: 2; grid-row: 1; align-self: start; }
  .storefront .footer-top > .footer-links { grid-column: 3; grid-row: 1; justify-self: end; }
}
@media(max-width:600px) {
  .storefront .hero-shade { background: linear-gradient(0deg,#E87835F5 0%,#FF800099 65%,#FF800030 100%); }
}
@media(prefers-reduced-motion:reduce) {
  .storefront .nav a, .storefront .hero .btn, .storefront .add-btn,
  .storefront #productAdd, .storefront #checkoutForm button[type="submit"] { transition: none; }
}