/* FLO — modo prelanzamiento (se activa desde js/flo-prelaunch.js).
   Mientras `html.flo-prelaunch` esté presente, el sitio enseña el producto
   pero no lo vende: precios, cantidad, botones de compra y checkout quedan
   fuera, y en su lugar aparece "Coming soon" y "Get early access".
   Apagar el modo devuelve todo sin tocar este archivo. */

/* --------------------------------------------------- precios y compra fuera */

.flo-prelaunch .sm-price-container,
.flo-prelaunch .sm-product-card__price-wrapper,
.flo-prelaunch .sm-product-card__buttons-wrapper,
.flo-prelaunch .sm-add-to-cart__buttons,
.flo-prelaunch smootify-add-to-cart quantity-input,
.flo-prelaunch .flo-buybar,
.flo-prelaunch .sm-at-checkout-label,
.flo-prelaunch .sm-ix-cart_form input[type="submit"],
.flo-prelaunch .sm-cart-page__form input[type="submit"] { display: none !important; }

/* El carrito antiguo sigue visible, pero no abre una compra. */
.flo-prelaunch .flo-cart-note {
  margin: .75rem 0 0;
  font-family: var(--flo-mono, 'Unnamed Font Family', monospace);
  font-size: .72rem;
  line-height: 1.5;
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .7;
}

/* --------------------------------------------------- ficha de producto */

/* "Coming soon" debajo del nombre. */
.flo-coming {
  display: block;
  margin: .5rem 0 0;
  font-family: var(--flo-mono, 'Unnamed Font Family', monospace);
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .65;
}

/* Botón único, del ancho de la ficha. */
.flo-access {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 1.5rem;
  padding: 1.15rem 1.5rem;
  border: 1px solid var(--flo-cafe, #2f211e);
  border-radius: .375rem;
  background: var(--flo-cafe, #2f211e);
  color: var(--flo-claro, #fff2e9);
  font-family: var(--flo-sans, Cygrotesk, Arial, sans-serif);
  font-size: .8rem;
  font-weight: 500;
  letter-spacing: .09em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .25s, color .25s, transform .25s cubic-bezier(.2, .8, .2, 1);
}

.flo-access:hover { background: transparent; color: var(--flo-cafe, #2f211e); transform: translateY(-2px); }
.flo-access:focus-visible { outline: 2px solid var(--flo-cafe, #2f211e) !important; outline-offset: 4px; }

@media (prefers-reduced-motion: reduce) {
  .flo-access { transition: none; }
  .flo-access:hover { transform: none; }
}