.elementor-553 .elementor-element.elementor-element-7f9da50{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-553 .elementor-element.elementor-element-1ea270c{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-0a130dc *//* ===============================
   FONDO ANIMADO FIX DEFINITIVO
   (elimina blanco arriba)
   =============================== */

/* 1) Fondo animado en HTML (cubre SIEMPRE toda la pantalla) */
html{
  margin: 0 !important;
  padding: 0 !important;

  background-color: #000 !important;
  background-image: linear-gradient(
    120deg,
    #000 0%,
    #0b0b0b 25%,
    #0b0b0b 75%,
    #000 100%
  ) !important;

  background-size: 220% 220% !important;
  animation: bgMove 10s ease-in-out infinite !important;
}

/* Capa oscura para lectura (sin pseudo-elementos para evitar bugs de z-index) */
body{
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100% !important;
  background: rgba(0,0,0,0.60) !important; /* ajusta 0.50-0.75 */
  overflow-x: hidden !important;
}

/* 2) Eliminar el “cajón/blanco” típico del tema/Elementor (sin romper el layout) */
#page, #content, #primary, #main,
.site, .site-content, .content-area, .site-main,
.page, .page-template-default,
.entry, .entry-content, .page-content, .content,
#masthead, .site-header, header,
#colophon, .site-footer, footer,
.wp-site-blocks, .wp-block-group, .wp-block-template-part,
.elementor, .elementor-section, .elementor-top-section,
.elementor-section-wrap, .elementor-container, .elementor-widget-wrap,
.e-con, .e-con-inner,
.elementor-location-header, .elementor-location-footer,
.hfe-site-header, .hfe-site-footer, .hfe-wrapper,
.ast-container, .ast-site-header, .ast-primary-header-bar, .ast-site-identity,
.oceanwp-header, #outer-wrap, #wrap, #site-wrapper, #site-content,
.site-inner, .inside-article, .inside-page, .inside-header, .inside-footer{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 3) Evitar línea blanca por separadores/bordes */
hr{
  border: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

/* Animación */
@keyframes bgMove{
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Accesibilidad */
@media (prefers-reduced-motion: reduce){
  html{ animation: none !important; }
}
/* ===============================
   Cupón: texto NEGRO (solo cupón)
   =============================== */

/* WooCommerce Blocks (Carrito / Checkout nuevo) */
.wc-block-components-totals-coupon__content input,
.wc-block-components-totals-coupon__content .wc-block-components-text-input__control{
  color: #000 !important;
  caret-color: #000 !important;
}

.wc-block-components-totals-coupon__content input::placeholder,
.wc-block-components-totals-coupon__content .wc-block-components-text-input__control::placeholder{
  color: #333 !important;
  opacity: 1 !important;
}

/* WooCommerce clásico (por si tu tema usa el cupón clásico) */
.woocommerce .coupon #coupon_code,
.woocommerce input[name="coupon_code"]{
  color: #000 !important;
  caret-color: #000 !important;
}

.woocommerce .coupon #coupon_code::placeholder,
.woocommerce input[name="coupon_code"]::placeholder{
  color: #333 !important;
  opacity: 1 !important;
}
/* WooCommerce Blocks - Carrito: texto en blanco */
.wp-block-woocommerce-cart,
.wp-block-woocommerce-cart * {
  color: #fff !important;
}

/* Enlaces dentro del carrito */
.wp-block-woocommerce-cart a,
.wp-block-woocommerce-cart a:visited {
  color: #fff !important;
}

/* Placeholder de inputs (cupón, etc.) */
.wp-block-woocommerce-cart input::placeholder,
.wp-block-woocommerce-cart textarea::placeholder {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* Labels y textos pequeños típicos */
.wp-block-woocommerce-cart label,
.wp-block-woocommerce-cart small,
.wp-block-woocommerce-cart .wc-block-components-totals-item__label,
.wp-block-woocommerce-cart .wc-block-components-totals-item__value {
  color: #fff !important;
}/* End custom CSS */