/* Identidad LibreTech: berenjena, naranja y crema, a partir del logo suministrado. */
.announcement {
  background: var(--accent);
  color: var(--plum);
  font-weight: 700;
}
.announcement .status-dot { background: var(--plum); }
.site-header { color: var(--cream); border-bottom-color: #4c2b5d; }
.desktop-nav a::after { background: var(--accent); }
.desktop-nav a:hover { color: #ff976f; }
.selection-button { background: #3a194b; border-color: #694178; color: var(--cream); }
.selection-button:hover { color: var(--plum); }
.selection-button .count { background: var(--accent); color: var(--plum); }
.brand-dot { color: var(--accent); }
.brand-artwork { display: inline-flex; align-items: center; gap: 12px; }
.brand-artwork svg { display: block; overflow: hidden; flex-shrink: 0; }
.brand-symbol { width: 40px; height: auto; aspect-ratio: 480 / 500; }
.brand-name { width: 200px; height: auto; aspect-ratio: 965 / 165; }
.hero { box-shadow: 0 16px 48px #2004360a; }
.hero-orbit { border-radius: 110px 38px 110px 38px; transform: rotate(-14deg); }
.hero-orbit::after { border-radius: 85px 25px 85px 25px; }
.hero-art-word { color: #88639c; opacity: .22; }
.hero .button-accent { color: var(--plum); }
.hero-secondary { color: var(--cream); }
.hero-secondary:hover { color: #ff976f; }
.hero-product-link { color: var(--cream); }
.hero-product-link:hover { border-color: #ff976f; }
.hero-product-link:hover .round-arrow { color: var(--plum); }
.category-button[aria-pressed="true"] { background: var(--plum); border-color: var(--plum); }
.category-button:hover { border-color: #9f729e; }
.add-button { color: var(--plum); }
.product-card:hover { border-color: #cab0d5; }
.product-photo { background: #fff; }
.product-tag { color: #41254d; }
.photo-open { color: var(--plum); }
.steps .step-number { color: #a64223; }
.closing-banner { background: #ff602e; color: var(--plum); }
.closing-banner .button-dark { background: var(--plum); color: var(--cream); }
.site-footer {
  padding: 32px 36px 27px;
  margin-bottom: 24px;
  border-radius: 20px;
  background: var(--plum);
  color: var(--cream);
}
.site-footer .brand-symbol { width: 32px; }
.site-footer .brand-name { width: 165px; }
.site-footer > p, .site-footer > small { color: #dbc6e6; }
.site-footer > small { border-top-color: #583467; }
.site-footer .instagram-link:hover { color: #ff976f; }
.mobile-selection { background: var(--plum); color: var(--cream); }
.toast { background: var(--plum); color: var(--cream); }
.product-title a:hover, .selection-info a:hover { text-decoration: underline; text-underline-offset: 4px; }
.add-button:disabled { background: #e9dfe8; color: #8b778e; transform: none; opacity: .7; }
.card-availability.sold-out { color: #a14d37; }
.inquiry-registration { margin-top: 21px; padding-top: 17px; border-top: 1px solid var(--line); }
.inquiry-status { margin-top: 10px; font-size: 12px; line-height: 1.7; color: #775a84; overflow-wrap: anywhere; }
.inquiry-registration .button:disabled { background: #e6d6ed; color: #50305e; transform: none; }
.product-bottom > div { min-width: 0; }
.product-price { overflow-wrap: anywhere; }

@media (max-width: 900px) {
  .brand-artwork { gap: 10px; }
  .brand-symbol { width: 33px; }
  .brand-name { width: 174px; }
}
@media (max-width: 640px) {
  .header-inner { min-height: 78px; }
  .brand-artwork { gap: 8px; }
  .brand-symbol { width: 31px; }
  .brand-name { width: 165px; }
  .site-footer { padding: 28px 23px 100px; gap: 20px; }
  .site-footer > p { flex-basis: 100%; }
  .site-footer .brand-symbol { width: 30px; }
  .site-footer .brand-name { width: 159px; }
}
@media (max-width: 370px) {
  .brand-symbol { width: 28px; }
  .brand-name { width: 140px; }
}

/* Dispositivo de la selección de lanzamiento. */
.hero-phone.hero-launch-device{left:15%;top:65px;width:70%;max-width:70%;height:370px;transform:rotate(-8deg)}
@media(max-width:900px){.hero-phone.hero-launch-device{left:12%;top:75px;width:76%;max-width:76%;height:330px}}
@media(max-width:640px){.hero-phone.hero-launch-device{left:18%;top:25px;width:64%;max-width:64%;height:255px}}

/* Controles de los equipos destacados */
.hero-carousel-controls{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:7px;z-index:3;color:#f5e8f8}
.hero-carousel-controls button{width:36px;height:36px;border-radius:50%;border:1px solid #b998c6;background:#3e194ecc;color:#fff;font-size:15px;display:grid;place-items:center}
.hero-carousel-controls button:hover{background:#663675}
.hero-carousel-controls span{font-size:11px;letter-spacing:.06em;min-width:34px;text-align:center}
.hero-phone.hero-launch-device{transition:opacity .35s ease,transform .35s ease;object-fit:contain}
@media(max-width:640px){.hero-carousel-controls{top:12px;left:14px;gap:5px}.hero-carousel-controls button{width:32px;height:32px}.hero-carousel-controls span{font-size:10px}.hero-phone.hero-launch-device{top:45px;height:230px}}
@media(prefers-reduced-motion:reduce){.hero-phone.hero-launch-device{animation:none;transition:none}}

.hero-phone.hero-launch-device{transform:rotate(-8deg) scale(var(--hero-scale,1))}
.hero-carousel-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}