/* ============================================================
   Pizzería Eclipse — CSS para Elementor
   Pegar en: Elementor → Ajustes del sitio → CSS personalizado
   (o Apariencia → Personalizar → CSS adicional)
   Todas las clases van con prefijo eclipse-
   ============================================================ */

:root{
  --eclipse-negro:#1A1817;
  --eclipse-tinta:#111010;
  --eclipse-rojo:#9E101B;
  --eclipse-rojo-oscuro:#7A0C14;
  --eclipse-crema:#F5F0E9;
  --eclipse-arena:#D9CDBD;
  --eclipse-texto-suave:#B0A79E;
  --eclipse-borde:rgba(255,255,255,.12);
  --eclipse-radio:6px;
}

body{
  background:var(--eclipse-negro);
  color:var(--eclipse-crema);
  font-family:"Inter Tight",system-ui,sans-serif;
}
h1,h2,h3,.eclipse-display{
  font-family:"Fraunces",Georgia,serif;
  font-weight:600;
  letter-spacing:-.01em;
  color:var(--eclipse-crema);
}

/* Antetítulos */
.eclipse-eyebrow{
  font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--eclipse-texto-suave);
}

/* Botones */
.eclipse-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button.alt{
  background:var(--eclipse-rojo)!important;
  color:#fff!important;
  border:0!important;border-radius:999px!important;
  padding:.7rem 1.4rem!important;font-weight:500!important;
  transition:opacity .2s ease;
}
.eclipse-btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover{opacity:.9!important}
.eclipse-btn--ghost{
  background:transparent!important;color:var(--eclipse-crema)!important;
  border:1px solid var(--eclipse-borde)!important;
}

/* Cabecera */
.eclipse-header{
  background:rgba(26,24,23,.85);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--eclipse-borde);
}
.eclipse-header .eclipse-logo img{height:40px;width:auto;background:none!important;box-shadow:none!important}

/* Tarjeta de producto */
.eclipse-card,
.woocommerce ul.products li.product{
  background:#232120;border:1px solid var(--eclipse-borde);
  border-radius:var(--eclipse-radio);overflow:hidden;
}
.woocommerce ul.products li.product img{aspect-ratio:3/2;object-fit:cover;margin:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:"Fraunces",Georgia,serif;font-size:1.05rem;padding:0 1rem;
}
.woocommerce ul.products li.product .price{color:var(--eclipse-crema);padding:0 1rem}
.eclipse-ingredientes{color:var(--eclipse-texto-suave);font-size:.9rem;padding:0 1rem}

/* Distintivo "Ejemplo" sobre la foto (quitar al subir fotos reales) */
.eclipse-ejemplo{
  position:absolute;top:.6rem;left:.6rem;z-index:2;
  background:rgba(17,16,16,.8);color:var(--eclipse-arena);
  font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  padding:.25rem .5rem;border-radius:4px;
}

/* Rejilla: 1 col móvil / 2 tablet / 3-4 escritorio */
.woocommerce ul.products{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:768px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
.woocommerce ul.products li.product{width:100%!important;margin:0!important;float:none!important}

/* Barra fija de pedido en móvil */
.eclipse-barra-movil{
  position:fixed;left:0;right:0;bottom:0;z-index:99;
  display:flex;gap:.5rem;padding:.6rem;
  background:rgba(17,16,16,.95);border-top:1px solid var(--eclipse-borde);
}
@media(min-width:768px){.eclipse-barra-movil{display:none}}

/* Pie */
.eclipse-footer{border-top:1px solid var(--eclipse-borde);color:var(--eclipse-texto-suave)}
.eclipse-footer a{color:var(--eclipse-crema);text-decoration:none}
.eclipse-footer a:hover{text-decoration:underline}

/* Checkout / carrito */
.woocommerce-checkout .woocommerce-info,
.woocommerce .cart_totals,
.woocommerce-checkout-review-order{
  background:#232120;border:1px solid var(--eclipse-borde);border-radius:var(--eclipse-radio);
}



/* === Eclipse · Carta WooCommerce === */
.woocommerce ul.products li.product{padding-bottom:1rem!important;position:relative;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--eclipse-crema)!important;margin-top:.9rem!important;}
.woocommerce ul.products li.product .price{display:block;margin:.35rem 0 .8rem!important;font-size:.95rem!important;}
.woocommerce ul.products li.product .button{margin:0 1rem .2rem!important;display:inline-flex!important;}
.woocommerce ul.products li.product a img{background:#111!important;}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important;}
.woocommerce .products .product .price, .woocommerce .products .product .price ins{color:var(--eclipse-crema)!important;}
.woocommerce .products .product .price del{color:var(--eclipse-texto-suave)!important;}
html{scroll-behavior:smooth;}


/* ============================================================
   Eclipse · Contacto
   Añadir DEBAJO del CSS general de Eclipse
   ============================================================ */

.eclipse-contact-card{
  transition:transform .2s ease,border-color .2s ease;
}
.eclipse-contact-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.22)!important;
}
.eclipse-contact-card a{
  color:var(--eclipse-crema);
}
.eclipse-contact-form-wrap{
  box-shadow:0 18px 50px rgba(0,0,0,.12);
}
.eclipse-contact-form .elementor-field-group{
  margin-bottom:16px;
}
.eclipse-contact-form .elementor-field-label{
  margin-bottom:7px;
  font-size:13px;
  font-weight:500;
}
.eclipse-contact-form input,
.eclipse-contact-form textarea{
  color:var(--eclipse-crema)!important;
}
.eclipse-contact-form input::placeholder,
.eclipse-contact-form textarea::placeholder{
  color:#817970!important;
  opacity:1;
}
.eclipse-contact-form .elementor-field-type-acceptance{
  font-size:12px;
  color:var(--eclipse-texto-suave);
}
.eclipse-contact-form .elementor-button{
  border-radius:999px!important;
  min-height:48px;
}

/* Eclipse · Sobre nosotros */
.eclipse-about-img img{
  width:100%;
  height:520px;
  object-fit:cover;
  border-radius:8px;
  display:block;
}
.eclipse-about-card{
  transition:transform .2s ease,border-color .2s ease;
}
.eclipse-about-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.22)!important;
}
.eclipse-about-pickup .e-con-inner{
  max-width:none;
}
@media(max-width:767px){
  .eclipse-about-img img{
    height:340px;
  }
}

/* ============================================================
   ECLIPSE · PRODUCTO INDIVIDUAL
   ============================================================ */

.eclipse-single-gallery .woocommerce-product-gallery{
  margin:0!important;
}
.eclipse-single-gallery .woocommerce-product-gallery__image img{
  width:100%!important;
  border-radius:8px!important;
}
.eclipse-single-info .elementor-widget-woocommerce-product-price .price{
  color:#F5F0E9!important;
}
.eclipse-single-shortdesc p{
  margin-bottom:0!important;
}
.eclipse-single-cart form.cart{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}
.eclipse-single-cart .quantity .qty{
  min-height:48px;
  width:72px;
  background:#171412!important;
  color:#F5F0E9!important;
  border:1px solid #4A433E!important;
  border-radius:999px!important;
}
.eclipse-single-cart .single_add_to_cart_button{
  min-height:48px!important;
  padding:12px 24px!important;
  border-radius:999px!important;
  background:#C81420!important;
  color:#fff!important;
}
.eclipse-single-cart table.variations{
  margin-bottom:18px!important;
}
.eclipse-single-cart table.variations th,
.eclipse-single-cart table.variations td{
  padding:6px 8px 6px 0!important;
  color:#D9CFC7!important;
}
.eclipse-single-cart select{
  min-height:46px!important;
  background:#171412!important;
  color:#F5F0E9!important;
  border:1px solid #4A433E!important;
  border-radius:6px!important;
  padding:0 12px!important;
}
.eclipse-single-cart .reset_variations{
  color:#B8AEA5!important;
  font-size:12px!important;
}
.eclipse-single-details p:last-child{
  margin-bottom:0;
}
.eclipse-single-related ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.eclipse-single-related ul.products::before,
.eclipse-single-related ul.products::after{
  display:none!important;
}
.eclipse-single-related li.product{
  width:auto!important;
  margin:0!important;
  background:#23201E!important;
  border:1px solid #3B3632!important;
  border-radius:7px!important;
  overflow:hidden!important;
  padding-bottom:18px!important;
}
.eclipse-single-related li.product img{
  margin:0 0 16px!important;
}
.eclipse-single-related li.product .woocommerce-loop-product__title,
.eclipse-single-related li.product .price,
.eclipse-single-related li.product .button{
  margin-left:16px!important;
  margin-right:16px!important;
}
.eclipse-single-related li.product .woocommerce-loop-product__title{
  color:#F5F0E9!important;
  font-family:"Fraunces",serif!important;
}
.eclipse-single-related li.product .price{
  color:#D8CEC5!important;
}
.eclipse-single-related li.product .button{
  background:#C81420!important;
  color:#fff!important;
  border-radius:999px!important;
}
@media(max-width:1024px){
  .eclipse-single-related ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:767px){
  .eclipse-single-related ul.products{
    grid-template-columns:1fr!important;
  }
}


/* Bundle: ocultar títulos del tema en páginas Elementor administradas por Eclipse */
.page.e-eclipse-bundle .entry-title { display:none!important; }


/* ============================================================
   ECLIPSE 1.1 · navegación, filtros, mapa, footer y galería
   ============================================================ */

/* Header: logo real visible + navegación limpia */
.eclipse-header .eclipse-logo img{
  width:132px!important;
  height:auto!important;
  max-height:46px!important;
  object-fit:contain!important;
}
.eclipse-header-nav-widget{width:auto!important;}
.eclipse-main-nav{position:relative;}
.eclipse-main-nav__list{
  display:flex!important;
  align-items:center!important;
  gap:34px!important;
  list-style:none!important;
  padding:0!important;
  margin:0!important;
}
.eclipse-main-nav__list li{margin:0!important;padding:0!important;}
.eclipse-main-nav__list a{
  position:relative;
  display:block;
  padding:9px 0!important;
  color:#DED6CD!important;
  font-family:"Inter Tight",system-ui,sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.eclipse-main-nav__list a:after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:3px;
  height:1px;
  background:#C81420;
  transition:right .18s ease;
}
.eclipse-main-nav__list a:hover:after,
.eclipse-main-nav__list .current-menu-item>a:after{right:0;}
.eclipse-main-nav__list a:hover,
.eclipse-main-nav__list .current-menu-item>a{color:#fff!important;}
.eclipse-main-nav__toggle{display:none!important;}

@media(max-width:900px){
  .eclipse-header .eclipse-logo img{width:104px!important;max-height:38px!important;}
  .eclipse-main-nav__toggle{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    appearance:none!important;
    background:transparent!important;
    color:#F5F0E9!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:999px!important;
    padding:9px 12px!important;
    font-size:12px!important;
    cursor:pointer!important;
  }
  .eclipse-main-nav__bars{display:flex;flex-direction:column;gap:4px;width:15px;}
  .eclipse-main-nav__bars i{display:block;height:1px;background:#F5F0E9;width:100%;}
  .eclipse-main-nav__list{
    display:none!important;
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:0!important;
    min-width:210px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:9px!important;
    background:#151210!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:9px!important;
    box-shadow:0 18px 40px rgba(0,0,0,.35)!important;
    z-index:9999!important;
  }
  .eclipse-main-nav.is-open .eclipse-main-nav__list{display:flex!important;}
  .eclipse-main-nav__list a{padding:11px 12px!important;border-radius:6px!important;}
  .eclipse-main-nav__list a:after{display:none!important;}
  .eclipse-main-nav__list a:hover{background:#211D1A!important;}
}
@media(max-width:520px){
  .eclipse-order-button .elementor-button{padding:10px 14px!important;font-size:12px!important;}
  .eclipse-header-nav-widget{margin-left:auto!important;}
}

/* Carta: filtros que realmente muestran/ocultan categorías */
.eclipse-carta-filters{position:sticky;top:0;z-index:15;background:#1A1817E8;backdrop-filter:blur(10px);}
.eclipse-carta-filters .elementor-button{
  transition:background .18s ease,border-color .18s ease,color .18s ease!important;
}
.eclipse-carta-filters .elementor-button.is-active,
.eclipse-carta-filters a.is-active{
  background:#C81420!important;
  border-color:#C81420!important;
  color:#fff!important;
}
.eclipse-carta-section{animation:eclipseFade .18s ease both;}
@keyframes eclipseFade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}

/* Mapa real en Contacto */
.eclipse-map-wrap{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  background:#171412;
}
.eclipse-map-wrap iframe{display:block;width:100%;height:430px;filter:saturate(.78) contrast(1.02);}
.eclipse-map-caption{
  display:flex;
  align-items:center;
  gap:16px;
  padding:15px 18px;
  color:#B8AEA5;
  font-size:13px;
}
.eclipse-map-caption strong{color:#F5F0E9;font-family:"Fraunces",serif;font-size:17px;}
.eclipse-map-caption span{margin-right:auto;}
.eclipse-map-caption a{color:#F5F0E9;text-decoration:none;white-space:nowrap;}
.eclipse-map-caption a:hover{color:#fff;text-decoration:underline;}
@media(max-width:767px){
  .eclipse-map-wrap iframe{height:330px;}
  .eclipse-map-caption{align-items:flex-start;flex-direction:column;gap:5px;}
}

/* Sticky footer real: abajo cuando la página es corta, sin tapar contenido */
html,body{min-height:100%;}
body:not(.elementor-editor-active) #page{
  min-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
}
body:not(.elementor-editor-active) #content{
  flex:1 0 auto!important;
  width:100%!important;
}
body:not(.elementor-editor-active) .elementor-location-footer{
  margin-top:auto!important;
  flex-shrink:0!important;
}

/* Carrito/avisos: eliminar cajas blancas de WooCommerce */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error{
  background:#23201E!important;
  color:#D9CFC7!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-top:0!important;
  border-radius:7px!important;
  padding:16px 18px 16px 44px!important;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-error:before{color:#C81420!important;top:16px!important;}
.woocommerce-cart .cart-empty{background:#23201E!important;color:#D9CFC7!important;}

/* Galería producto y ampliación: modal oscuro, imagen contenida */
.eclipse-single-gallery .woocommerce-product-gallery__wrapper{
  overflow:hidden!important;
  border-radius:9px!important;
  background:#100E0D!important;
}
.eclipse-single-gallery .woocommerce-product-gallery__image img{
  width:100%!important;
  height:auto!important;
  max-height:610px!important;
  object-fit:contain!important;
  background:#100E0D!important;
}
.woocommerce-product-gallery__trigger{
  top:14px!important;right:14px!important;
  width:42px!important;height:42px!important;
  border-radius:50%!important;
  background:rgba(16,12,10,.88)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
}
.pswp{z-index:999999!important;}
.pswp__bg{background:#0B0908!important;opacity:.98!important;}
.pswp__top-bar{background:linear-gradient(to bottom,rgba(0,0,0,.75),transparent)!important;}
.pswp__img{object-fit:contain!important;}
.pswp__button{
  border-radius:50%!important;
  background-color:rgba(26,24,23,.75)!important;
}
.pswp__caption__center{color:#EDE5DC!important;}


/* ============================================================
   ECLIPSE 1.2 · correcciones finales navegación, footer, mapa y filtros
   ============================================================ */

/* Header más compacto y equilibrado */
.eclipse-header-inner{
  justify-content:center!important;
  align-items:center!important;
  gap:28px!important;
}
.eclipse-header-inner > .elementor-element{
  flex:0 0 auto!important;
  width:auto!important;
}
.eclipse-header .eclipse-logo img{
  width:128px!important;
  height:auto!important;
  max-height:44px!important;
}
.eclipse-main-nav__list{gap:26px!important;}
.eclipse-main-nav__list a{
  font-size:14px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
.eclipse-order-button{margin-left:2px!important;}
.eclipse-order-button .elementor-button{
  min-height:40px!important;
  padding:11px 20px!important;
  font-size:13px!important;
}
@media(max-width:900px){
  .eclipse-header-inner{
    justify-content:space-between!important;
    gap:12px!important;
  }
  .eclipse-header .eclipse-logo img{width:98px!important;}
  .eclipse-main-nav__list{
    left:50%!important;
    transform:translateX(-50%)!important;
  }
  .eclipse-order-button{margin-left:0!important;}
}

/* Las tarjetas de categorías del inicio son enlaces completos */
.eclipse-home-cat-card{
  cursor:pointer!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.eclipse-home-cat-card:hover,
.eclipse-home-cat-card:focus-visible{
  transform:translateY(-3px)!important;
  border-color:rgba(255,255,255,.22)!important;
  outline:none!important;
}
.eclipse-home-cat-card img{transition:transform .22s ease!important;}
.eclipse-home-cat-card:hover img{transform:scale(1.025)!important;}

/* Filtros Carta: estado activo claro */
.eclipse-carta-filters .elementor-button.is-active,
.eclipse-carta-filters a.is-active{
  background:#C81420!important;
  border-color:#C81420!important;
  color:#fff!important;
  box-shadow:none!important;
}
.eclipse-carta-section[aria-hidden="true"]{display:none!important;}

/* Contacto: el mapa ocupa la antigua tarjeta de ubicación */
.eclipse-contact-pickup-row{align-items:stretch!important;}
.eclipse-contact-map-card{
  padding:0!important;
  overflow:hidden!important;
  min-height:100%!important;
}
.eclipse-contact-map-card > .elementor-element,
.eclipse-contact-map-card .elementor-widget-container,
.eclipse-contact-map-inline{
  height:100%!important;
  min-height:330px!important;
}
.eclipse-contact-map-inline{position:relative!important;background:#171412!important;}
.eclipse-contact-map-inline iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:330px!important;
  border:0!important;
  filter:saturate(.82) contrast(1.02)!important;
}
.eclipse-map-open{
  position:absolute!important;
  right:12px!important;
  bottom:12px!important;
  z-index:2!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  background:rgba(16,12,10,.90)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:11px!important;
  text-decoration:none!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
}
.eclipse-map-open:hover{background:#C81420!important;border-color:#C81420!important;}
@media(max-width:767px){
  .eclipse-contact-map-card,
  .eclipse-contact-map-card > .elementor-element,
  .eclipse-contact-map-card .elementor-widget-container,
  .eclipse-contact-map-inline,
  .eclipse-contact-map-inline iframe{min-height:300px!important;}
}

/* Footer limpio: dos columnas, sin enlaces de categorías muertos */
.eclipse-footer-main{align-items:flex-start!important;}
.eclipse-footer-main a{text-decoration:none!important;}
.eclipse-footer-main a:hover{color:#fff!important;text-decoration:none!important;}

/* Footer al final del viewport cuando la página es corta. No es position:fixed. */
body:not(.elementor-editor-active):not(.elementor-editor-preview){
  min-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
}
body:not(.elementor-editor-active):not(.elementor-editor-preview) > .elementor-location-footer{
  margin-top:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
}
body:not(.elementor-editor-active):not(.elementor-editor-preview) > .elementor-location-header{
  flex:0 0 auto!important;
  width:100%!important;
}

/* Evitar que una vieja regla de 1.1 fuerce una estructura inexistente */
body:not(.elementor-editor-active) #page{
  min-height:0!important;
  display:block!important;
}


/* ============================================================
   ECLIPSE 1.3 · interacción, animaciones y filtros reales
   ============================================================ */

/* Todos los CTA de la web tienen respuesta visual al pasar el ratón. */
body:not(.elementor-editor-active) .elementor-button,
body:not(.elementor-editor-active) .woocommerce a.button,
body:not(.elementor-editor-active) .woocommerce button.button,
body:not(.elementor-editor-active) .woocommerce input.button,
body:not(.elementor-editor-active) .eclipse-map-open{
  transition:transform .20s cubic-bezier(.2,.75,.25,1),
             box-shadow .20s ease,
             background-color .20s ease,
             border-color .20s ease,
             color .20s ease,
             opacity .20s ease!important;
  will-change:transform;
}
body:not(.elementor-editor-active) .elementor-button:hover,
body:not(.elementor-editor-active) .woocommerce a.button:hover,
body:not(.elementor-editor-active) .woocommerce button.button:hover,
body:not(.elementor-editor-active) .woocommerce input.button:hover,
body:not(.elementor-editor-active) .eclipse-map-open:hover{
  transform:translateY(-2px) scale(1.015)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.26)!important;
}
body:not(.elementor-editor-active) .elementor-button:active,
body:not(.elementor-editor-active) .woocommerce a.button:active,
body:not(.elementor-editor-active) .woocommerce button.button:active{
  transform:translateY(0) scale(.985)!important;
}

/* Botones fantasma: al hover ganan un fondo suave, sin convertirse en rojo sólido. */
body:not(.elementor-editor-active) .eclipse-btn--ghost:hover,
body:not(.elementor-editor-active) a.elementor-button.elementor-button-link:not([style*="background"]):hover{
  border-color:rgba(255,255,255,.28)!important;
}

/* Navegación: un poco más de vida y "Inicio" integrado sin separar Mi pedido. */
.eclipse-main-nav__list a{transition:color .18s ease,transform .18s ease!important;}
.eclipse-main-nav__list a:hover{transform:translateY(-1px)!important;}
.eclipse-order-button .elementor-button:hover{box-shadow:0 9px 24px rgba(200,20,32,.24)!important;}

/* Filtros: hover rojizo + seleccionado rojo permanente. */
.eclipse-carta-filters .elementor-button{
  cursor:pointer!important;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.eclipse-carta-filters .elementor-button:hover{
  transform:translateY(-2px)!important;
  background:rgba(200,20,32,.14)!important;
  border-color:rgba(200,20,32,.65)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(0,0,0,.16)!important;
}
.eclipse-carta-filters .eclipse-filter-btn.is-active .elementor-button,
.eclipse-carta-filters .eclipse-filter-btn .elementor-button.is-active,
.eclipse-carta-filters .elementor-button.is-active{
  background:#C81420!important;
  border-color:#C81420!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(200,20,32,.18)!important;
}

/* Fallback de servidor. Funciona al entrar desde Inicio incluso si JS estuviera cacheado. */
body.eclipse-carta-cat-pizzas .eclipse-carta-section,
body.eclipse-carta-cat-pastas .eclipse-carta-section,
body.eclipse-carta-cat-ensaladas .eclipse-carta-section,
body.eclipse-carta-cat-patatas .eclipse-carta-section,
body.eclipse-carta-cat-sandwiches .eclipse-carta-section,
body.eclipse-carta-cat-bebidas .eclipse-carta-section{display:none!important;}
body.eclipse-carta-cat-pizzas .eclipse-carta-pizzas,
body.eclipse-carta-cat-pastas .eclipse-carta-pastas,
body.eclipse-carta-cat-ensaladas .eclipse-carta-ensaladas,
body.eclipse-carta-cat-patatas .eclipse-carta-patatas,
body.eclipse-carta-cat-sandwiches .eclipse-carta-sandwiches,
body.eclipse-carta-cat-bebidas .eclipse-carta-bebidas{display:flex!important;}
body.eclipse-carta-cat-pizzas .eclipse-filter-pizzas .elementor-button,
body.eclipse-carta-cat-pastas .eclipse-filter-pastas .elementor-button,
body.eclipse-carta-cat-ensaladas .eclipse-filter-ensaladas .elementor-button,
body.eclipse-carta-cat-patatas .eclipse-filter-patatas .elementor-button,
body.eclipse-carta-cat-sandwiches .eclipse-filter-sandwiches .elementor-button,
body.eclipse-carta-cat-bebidas .eclipse-filter-bebidas .elementor-button,
body.eclipse-carta-cat-todas .eclipse-filter-todas .elementor-button{
  background:#C81420!important;
  border-color:#C81420!important;
  color:#fff!important;
}

/* Animaciones de entrada discretas. La clase se añade por JS; sin JS nunca oculta contenido. */
.eclipse-reveal{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s cubic-bezier(.2,.72,.22,1),transform .55s cubic-bezier(.2,.72,.22,1)!important;
}
.eclipse-reveal.is-visible{opacity:1;transform:none;}
.eclipse-home-cat-card.is-visible:nth-child(2n){transition-delay:.04s!important;}
.eclipse-home-cat-card.is-visible:nth-child(3n){transition-delay:.08s!important;}

/* Tarjetas con microinteracción, sin exagerar. */
.eclipse-about-card,
.eclipse-contact-card,
.woocommerce ul.products li.product{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.eclipse-about-card:hover,
.eclipse-contact-card:hover,
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
}
.woocommerce ul.products li.product img{transition:transform .28s ease!important;}
.woocommerce ul.products li.product:hover img{transform:scale(1.025)!important;}

/* Cantidad de producto más coherente con la estética. */
.eclipse-single-cart .quantity .qty{
  text-align:center!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
.eclipse-single-cart .quantity .qty:focus{
  outline:none!important;
  border-color:#C81420!important;
  box-shadow:0 0 0 3px rgba(200,20,32,.12)!important;
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;}
  .eclipse-reveal{opacity:1!important;transform:none!important;}
}


/* ============================================================
   ECLIPSE 1.4 · filtro reforzado, móvil de Inicio y rendimiento
   ============================================================ */

/* El filtro ya no depende de que Elementor conserve una clase personalizada.
   También apuntamos a los IDs internos estables de los 6 bloques importados. */
body.eclipse-carta-cat-pizzas .elementor-element-34651dbe,
body.eclipse-carta-cat-pastas .elementor-element-55c7a509,
body.eclipse-carta-cat-ensaladas .elementor-element-c4b7f13b,
body.eclipse-carta-cat-patatas .elementor-element-d8095c77,
body.eclipse-carta-cat-sandwiches .elementor-element-0112edb0,
body.eclipse-carta-cat-bebidas .elementor-element-1cf60a88{
  display:flex!important;
}

body.eclipse-carta-cat-pizzas .elementor-element-55c7a509,
body.eclipse-carta-cat-pizzas .elementor-element-c4b7f13b,
body.eclipse-carta-cat-pizzas .elementor-element-d8095c77,
body.eclipse-carta-cat-pizzas .elementor-element-0112edb0,
body.eclipse-carta-cat-pizzas .elementor-element-1cf60a88,

body.eclipse-carta-cat-pastas .elementor-element-34651dbe,
body.eclipse-carta-cat-pastas .elementor-element-c4b7f13b,
body.eclipse-carta-cat-pastas .elementor-element-d8095c77,
body.eclipse-carta-cat-pastas .elementor-element-0112edb0,
body.eclipse-carta-cat-pastas .elementor-element-1cf60a88,

body.eclipse-carta-cat-ensaladas .elementor-element-34651dbe,
body.eclipse-carta-cat-ensaladas .elementor-element-55c7a509,
body.eclipse-carta-cat-ensaladas .elementor-element-d8095c77,
body.eclipse-carta-cat-ensaladas .elementor-element-0112edb0,
body.eclipse-carta-cat-ensaladas .elementor-element-1cf60a88,

body.eclipse-carta-cat-patatas .elementor-element-34651dbe,
body.eclipse-carta-cat-patatas .elementor-element-55c7a509,
body.eclipse-carta-cat-patatas .elementor-element-c4b7f13b,
body.eclipse-carta-cat-patatas .elementor-element-0112edb0,
body.eclipse-carta-cat-patatas .elementor-element-1cf60a88,

body.eclipse-carta-cat-sandwiches .elementor-element-34651dbe,
body.eclipse-carta-cat-sandwiches .elementor-element-55c7a509,
body.eclipse-carta-cat-sandwiches .elementor-element-c4b7f13b,
body.eclipse-carta-cat-sandwiches .elementor-element-d8095c77,
body.eclipse-carta-cat-sandwiches .elementor-element-1cf60a88,

body.eclipse-carta-cat-bebidas .elementor-element-34651dbe,
body.eclipse-carta-cat-bebidas .elementor-element-55c7a509,
body.eclipse-carta-cat-bebidas .elementor-element-c4b7f13b,
body.eclipse-carta-cat-bebidas .elementor-element-d8095c77,
body.eclipse-carta-cat-bebidas .elementor-element-0112edb0{
  display:none!important;
}

/* Transición muy ligera al cambiar de categoría. Solo opacity/transform. */
@keyframes eclipseFilterEnter{
  from{opacity:.35;transform:translateY(7px)}
  to{opacity:1;transform:none}
}
.eclipse-filter-enter{
  animation:eclipseFilterEnter .28s cubic-bezier(.2,.72,.22,1) both!important;
}

/* Estado activo de los filtros, tanto si la clase queda en el widget como en el enlace. */
.eclipse-carta-filters .eclipse-filter-btn.is-active .elementor-button,
.eclipse-carta-filters .eclipse-filter-btn a.is-active,
.eclipse-carta-filters a.is-active{
  background:#C81420!important;
  border-color:#C81420!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(200,20,32,.19)!important;
}

/* Inicio: las seis categorías usan una cuadrícula real.
   Evita el desbordamiento que provocaba 48,5% + gap en móvil. */
.eclipse-home-cat-grid{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.eclipse-home-cat-card{
  min-width:0!important;
  box-sizing:border-box!important;
}
.eclipse-home-cat-image img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
}

/* Menos memoria reservada que con will-change permanente. */
body:not(.elementor-editor-active) .elementor-button,
body:not(.elementor-editor-active) .woocommerce a.button,
body:not(.elementor-editor-active) .woocommerce button.button,
body:not(.elementor-editor-active) .woocommerce input.button{
  will-change:auto!important;
}

@media(max-width:767px){
  /* Filtros cómodos en móvil: una línea con scroll horizontal, sin romper layout. */
  .eclipse-carta-filters{
    position:relative!important;
    top:auto!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .eclipse-carta-filters::-webkit-scrollbar{display:none!important}
  .eclipse-carta-filters > .e-con-inner,
  .eclipse-carta-filters{
    flex-wrap:nowrap!important;
  }
  .eclipse-carta-filters .elementor-widget-button{
    flex:0 0 auto!important;
    width:auto!important;
  }

  /* Inicio móvil: dos columnas centradas y sin desplazamiento lateral. */
  .eclipse-home-cat-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .eclipse-home-cat-grid > .eclipse-home-cat-card{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-self:stretch!important;
  }
  .eclipse-home-cat-card .elementor-widget-image{
    width:100%!important;
    max-width:100%!important;
  }
  .eclipse-home-cat-card .elementor-widget-heading{
    width:100%!important;
  }

  /* Animaciones aún más discretas en móvil para mantener fluidez. */
  .eclipse-reveal{
    transform:translateY(10px);
    transition-duration:.38s!important;
  }
}

@media(max-width:360px){
  .eclipse-home-cat-grid{
    grid-template-columns:1fr!important;
    max-width:320px!important;
  }
}

/* Navegadores sin JS o usuarios con reducción de movimiento. */
@media (prefers-reduced-motion: reduce){
  .eclipse-filter-enter{animation:none!important}
}


/* ============================================================
   ECLIPSE 1.5 · más vida, color y movimiento profesional
   ============================================================ */

:root{
  --eclipse-rojo-vivo:#C81420;
  --eclipse-coral:#E05A3F;
  --eclipse-oro:#D6A34A;
  --eclipse-vino:#52151A;
  --eclipse-carbon:#171311;
  --eclipse-panel:#221C19;
  --eclipse-glow:rgba(200,20,32,.22);
}

/* Fondo con matices cálidos: mantiene el look oscuro sin que todo sea gris. */
body.e-eclipse-bundle{
  background:
    radial-gradient(circle at 9% 18%,rgba(200,20,32,.075),transparent 27rem),
    radial-gradient(circle at 92% 58%,rgba(214,163,74,.055),transparent 25rem),
    #1A1817!important;
}
body.e-eclipse-bundle #content{
  background:transparent!important;
}

/* Header con presencia sin hacerlo pesado. */
.eclipse-header{
  position:relative!important;
  background:rgba(14,11,10,.88)!important;
  border-bottom-color:rgba(255,255,255,.09)!important;
  transition:background .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.eclipse-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent 4%,rgba(200,20,32,.85) 42%,rgba(214,163,74,.58) 62%,transparent 96%);
  opacity:.42;
  pointer-events:none;
}
body.eclipse-header-scrolled .eclipse-header{
  background:rgba(12,9,8,.96)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.28)!important;
}
.eclipse-header .eclipse-logo img{
  transition:transform .28s cubic-bezier(.2,.75,.25,1),filter .28s ease!important;
}
.eclipse-header .eclipse-logo:hover img{
  transform:scale(1.045)!important;
  filter:drop-shadow(0 5px 14px rgba(200,20,32,.24))!important;
}
.eclipse-main-nav__list a::before{
  content:"";
  position:absolute;
  inset:auto 50% -1px 50%;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--eclipse-rojo-vivo),var(--eclipse-coral));
  transition:left .22s ease,right .22s ease,opacity .22s ease!important;
  opacity:0;
}
.eclipse-main-nav__list a:hover::before,
.eclipse-main-nav__list .current-menu-item>a::before{
  left:0;right:0;opacity:1;
}

/* Botones: elevación, brillo y feedback visual consistente en toda la web. */
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  transition:transform .22s cubic-bezier(.2,.75,.25,1),box-shadow .22s ease,background-color .22s ease,border-color .22s ease!important;
}
.elementor-button::before,
.woocommerce a.button::before,
.woocommerce button.button::before{
  content:"";
  position:absolute;
  top:-80%;bottom:-80%;left:-34%;
  width:26%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transition:left .48s ease!important;
  z-index:-1;
}
.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 12px 30px rgba(200,20,32,.26)!important;
}
.elementor-button:hover::before,
.woocommerce a.button:hover::before,
.woocommerce button.button:hover::before{
  left:112%;
}

/* HOME · Hero con más impacto, sin añadir peso de imágenes nuevas. */
.eclipse-home-hero{
  position:relative!important;
  overflow:hidden!important;
  background-size:cover!important;
  animation:eclipseHeroBreath 17s ease-in-out infinite alternate!important;
}
.eclipse-home-hero::before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(15,10,8,.86) 0%,rgba(15,10,8,.36) 48%,rgba(15,10,8,.08) 76%),
    radial-gradient(circle at 78% 28%,rgba(224,90,63,.16),transparent 29rem);
  pointer-events:none;
  z-index:0;
}
.eclipse-home-hero > *{position:relative;z-index:1;}
.eclipse-home-hero .elementor-widget-heading:nth-of-type(1){
  color:#E6B569!important;
}
.eclipse-home-hero h1{
  text-shadow:0 10px 34px rgba(0,0,0,.34)!important;
}
body.eclipse-ui-ready .eclipse-home-hero .elementor-widget-heading,
body.eclipse-ui-ready .eclipse-home-hero .elementor-widget-text-editor,
body.eclipse-ui-ready .eclipse-home-hero .elementor-widget-button{
  animation:eclipseHeroContent .72s cubic-bezier(.16,.8,.24,1) both;
}
body.eclipse-ui-ready .eclipse-home-hero .elementor-widget-heading:nth-child(2){animation-delay:.07s}
body.eclipse-ui-ready .eclipse-home-hero .elementor-widget-text-editor{animation-delay:.15s}
body.eclipse-ui-ready .eclipse-home-hero .elementor-widget-button{animation-delay:.22s}
@keyframes eclipseHeroBreath{
  0%{background-position:50% 50%}
  100%{background-position:53% 48%}
}
@keyframes eclipseHeroContent{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:none}
}

/* HOME · Categorías: más color, profundidad y lectura. */
.eclipse-home-categories{
  position:relative!important;
  padding-top:16px!important;
}
.eclipse-home-categories::before{
  content:"";
  position:absolute;
  left:50%;top:0;
  width:min(1100px,86vw);height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(214,163,74,.48),rgba(200,20,32,.55),transparent);
}
.eclipse-home-cat-card{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(160deg,#251F1B 0%,#1D1917 100%)!important;
  border-color:rgba(255,255,255,.11)!important;
  border-radius:12px!important;
  transition:transform .3s cubic-bezier(.18,.78,.25,1),border-color .3s ease,box-shadow .3s ease!important;
}
.eclipse-home-cat-card::before{
  content:"";
  position:absolute;inset:0 auto 0 0;width:3px;
  background:linear-gradient(180deg,var(--cat-a,#C81420),var(--cat-b,#E05A3F));
  opacity:.88;
  z-index:3;
}
.eclipse-home-cat-card::after{
  content:"";
  position:absolute;
  inset:auto -36px -46px auto;
  width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,var(--cat-glow,rgba(200,20,32,.17)),transparent 68%);
  pointer-events:none;
}
.eclipse-cat-pizzas{--cat-a:#C81420;--cat-b:#E05A3F;--cat-glow:rgba(200,20,32,.24)}
.eclipse-cat-pastas{--cat-a:#D67231;--cat-b:#E7A05F;--cat-glow:rgba(214,114,49,.20)}
.eclipse-cat-ensaladas{--cat-a:#788A4C;--cat-b:#B5A75E;--cat-glow:rgba(120,138,76,.20)}
.eclipse-cat-patatas{--cat-a:#D6A34A;--cat-b:#EBC778;--cat-glow:rgba(214,163,74,.20)}
.eclipse-cat-sandwiches{--cat-a:#B96E3A;--cat-b:#D89562;--cat-glow:rgba(185,110,58,.20)}
.eclipse-cat-bebidas{--cat-a:#9D2940;--cat-b:#C85A6F;--cat-glow:rgba(157,41,64,.20)}
.eclipse-home-cat-card:hover,
.eclipse-home-cat-card:focus-visible{
  transform:translateY(-8px)!important;
  border-color:color-mix(in srgb,var(--cat-a,#C81420) 54%,white 8%)!important;
  box-shadow:0 22px 42px rgba(0,0,0,.27),0 0 0 1px rgba(255,255,255,.025) inset!important;
}
.eclipse-home-cat-card img{
  transition:transform .48s cubic-bezier(.16,.8,.24,1),filter .35s ease!important;
}
.eclipse-home-cat-card:hover img{
  transform:scale(1.065)!important;
  filter:saturate(1.08) contrast(1.03)!important;
}
.eclipse-home-cat-card .elementor-heading-title{
  transition:color .2s ease,transform .2s ease!important;
}
.eclipse-home-cat-card:hover .elementor-heading-title{
  color:#fff!important;
  transform:translateX(3px);
}

/* HOME · Las más pedidas: deja de ser una simple lista gris. */
.eclipse-home-best{
  position:relative!important;
  overflow:hidden!important;
  margin-top:12px!important;
  padding-top:56px!important;
  padding-bottom:64px!important;
  border:1px solid rgba(224,90,63,.16)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(224,90,63,.16),transparent 21rem),
    radial-gradient(circle at 0% 100%,rgba(214,163,74,.08),transparent 22rem),
    linear-gradient(135deg,#291615 0%,#1D1715 48%,#171311 100%)!important;
  box-shadow:0 25px 70px rgba(0,0,0,.18)!important;
}
.eclipse-home-best::after{
  content:"";
  position:absolute;
  top:-70px;right:-45px;
  width:190px;height:190px;border-radius:50%;
  border:1px solid rgba(214,163,74,.12);
  box-shadow:0 0 0 28px rgba(200,20,32,.035),0 0 0 58px rgba(214,163,74,.025);
  pointer-events:none;
}
.eclipse-home-best > *{position:relative;z-index:1;}
.eclipse-home-best .eclipse-best-title{
  max-width:720px!important;
}
.eclipse-home-best .eclipse-best-title .elementor-heading-title{
  background:linear-gradient(92deg,#FFF7EF 0%,#F7D0B6 55%,#E8B45E 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.eclipse-best-copy{max-width:600px!important;}
.eclipse-best-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  margin-top:28px!important;
  border:0!important;
}
.eclipse-best-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-height:184px!important;
  padding:46px 22px 22px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.022))!important;
  overflow:hidden!important;
  transition:transform .28s cubic-bezier(.18,.78,.25,1),background .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
.eclipse-best-card::before{
  position:absolute;
  top:16px;left:20px;
  font-family:"Fraunces",Georgia,serif;
  font-size:18px;font-weight:600;
  color:#E8B45E;
  letter-spacing:.02em;
}
.eclipse-best-card--1::before{content:"01 · FAVORITA"}
.eclipse-best-card--2::before{content:"02 · CLÁSICA"}
.eclipse-best-card--3::before{content:"03 · IMPRESCINDIBLE"}
.eclipse-best-card::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,#C81420,#E05A3F,#D6A34A);
  transform:scaleX(.22);
  transform-origin:left;
  transition:transform .28s ease!important;
}
.eclipse-best-card:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(224,90,63,.34)!important;
  background:linear-gradient(160deg,rgba(200,20,32,.13),rgba(255,255,255,.035))!important;
  box-shadow:0 18px 38px rgba(0,0,0,.24)!important;
}
.eclipse-best-card:hover::after{transform:scaleX(1)}
.eclipse-best-card .elementor-heading-title{color:#FFF7EF!important;}
.eclipse-best-card > .e-con:last-child .elementor-heading-title{
  color:#E7C17B!important;
  font-weight:600!important;
}
.eclipse-best-cta .elementor-heading-title,
.eclipse-best-cta a{
  color:#F2D3BD!important;
  transition:color .2s ease,letter-spacing .2s ease!important;
}
.eclipse-best-cta:hover .elementor-heading-title,
.eclipse-best-cta:hover a{
  color:#fff!important;
  letter-spacing:.015em;
}


.eclipse-best-card > .e-con{width:100%!important;max-width:100%!important;}
.eclipse-best-card > .e-con:last-child{align-items:flex-start!important;}
.eclipse-best-card > .e-con:last-child .elementor-heading-title{text-align:left!important;}

/* HOME · bloque de recogida con acento cálido. */
.eclipse-home-pickup > .e-con-inner,
.eclipse-home-pickup{
  position:relative;
}
.eclipse-home-pickup .e-con{
  transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease!important;
}
.eclipse-home-pickup > .e-con-inner > .e-con,
.eclipse-home-pickup > .e-con{
  background:
    linear-gradient(135deg,rgba(200,20,32,.10),rgba(214,163,74,.035) 44%,#211D1A 75%)!important;
}
.eclipse-home-pickup:hover > .e-con-inner > .e-con,
.eclipse-home-pickup:hover > .e-con{
  border-color:rgba(224,90,63,.28)!important;
  box-shadow:0 22px 50px rgba(0,0,0,.18)!important;
}

/* Contacto / Sobre nosotros: pequeños acentos para romper la monotonía. */
.eclipse-contact-card:nth-child(1){border-top:2px solid rgba(200,20,32,.72)!important;}
.eclipse-contact-card:nth-child(2){border-top:2px solid rgba(224,90,63,.72)!important;}
.eclipse-contact-card:nth-child(3){border-top:2px solid rgba(214,163,74,.72)!important;}
.eclipse-about-card:nth-child(1){border-top:2px solid rgba(200,20,32,.72)!important;}
.eclipse-about-card:nth-child(2){border-top:2px solid rgba(224,90,63,.72)!important;}
.eclipse-about-card:nth-child(3){border-top:2px solid rgba(214,163,74,.72)!important;}

/* Productos: un poco más de contraste y vida al hover. */
.woocommerce ul.products li.product{
  background:linear-gradient(180deg,#25211F,#211D1A)!important;
}
.woocommerce ul.products li.product::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,#C81420,#E05A3F);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .28s ease!important;
}
.woocommerce ul.products li.product:hover::after{transform:scaleX(1)}
.woocommerce ul.products li.product:hover{
  box-shadow:0 18px 38px rgba(0,0,0,.23),0 0 0 1px rgba(200,20,32,.08)!important;
}

/* Reveal más elegante: cada bloque puede entrar con un poco de profundidad. */
.eclipse-reveal{
  transform:translateY(24px) scale(.992);
  transition:opacity .62s cubic-bezier(.16,.8,.24,1),transform .62s cubic-bezier(.16,.8,.24,1)!important;
}
.eclipse-reveal.is-visible{
  opacity:1;
  transform:none;
}
.eclipse-best-card.is-visible:nth-child(2){transition-delay:.07s!important}
.eclipse-best-card.is-visible:nth-child(3){transition-delay:.14s!important}

/* Rendimiento: evita renderizar secciones lejanas hasta acercarse al viewport. */
@supports(content-visibility:auto){
  body:not(.elementor-editor-active) .eclipse-home-best,
  body:not(.elementor-editor-active) .eclipse-home-pickup,
  body:not(.elementor-editor-active) .eclipse-home-local{
    content-visibility:auto;
    contain-intrinsic-size:700px;
  }
}

/* Página de mantenimiento incluida en el bundle, no vinculada al menú. */
.eclipse-maintenance{
  position:relative!important;
  overflow:hidden!important;
  animation:eclipseMaintenanceBg 16s ease-in-out infinite alternate!important;
}
.eclipse-maintenance::before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 18% 18%,rgba(200,20,32,.20),transparent 24rem),
    radial-gradient(circle at 88% 78%,rgba(214,163,74,.12),transparent 24rem);
  pointer-events:none;
}
.eclipse-maintenance-card{
  position:relative!important;
  z-index:1!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 30px 80px rgba(0,0,0,.42)!important;
  animation:eclipseMaintenanceCard .75s cubic-bezier(.16,.8,.24,1) both;
}
.eclipse-maintenance-logo img{
  filter:drop-shadow(0 7px 18px rgba(200,20,32,.24));
}
@keyframes eclipseMaintenanceBg{
  from{background-position:48% 50%}
  to{background-position:53% 48%}
}
@keyframes eclipseMaintenanceCard{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:none}
}

@media(max-width:767px){
  .eclipse-home-hero{animation:none!important;background-position:58% center!important;}
  .eclipse-home-best{
    margin-left:12px!important;
    margin-right:12px!important;
    padding-top:38px!important;
    padding-bottom:42px!important;
    border-radius:14px!important;
  }
  .eclipse-best-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .eclipse-best-card{
    min-height:138px!important;
    padding:43px 18px 18px!important;
  }
  .eclipse-home-cat-card:hover,
  .eclipse-home-cat-card:focus-visible{
    transform:translateY(-3px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .eclipse-home-hero,
  .eclipse-maintenance,
  .eclipse-maintenance-card,
  body.eclipse-ui-ready .eclipse-home-hero .elementor-widget-heading,
  body.eclipse-ui-ready .eclipse-home-hero .elementor-widget-text-editor,
  body.eclipse-ui-ready .eclipse-home-hero .elementor-widget-button{
    animation:none!important;
  }
}



/* ============================================================
   ECLIPSE 1.6 · MÁS VIDA, COLOR Y MOVIMIENTO
   Cambios deliberadamente visibles, manteniendo la estética premium.
   ============================================================ */

:root{
  --eclipse-rojo-vivo:#D51D2A;
  --eclipse-coral:#EF684D;
  --eclipse-oro:#E7B259;
  --eclipse-oliva:#8B9A56;
  --eclipse-vino:#42161C;
  --eclipse-chocolate:#2A1914;
}

/* HEADER: más presencia y reacción */
.eclipse-header{
  position:relative!important;
  background:rgba(14,11,10,.91)!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.16)!important;
}
.eclipse-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent 8%,rgba(213,29,42,.72) 36%,rgba(231,178,89,.60) 64%,transparent 92%);
  opacity:.72;
}
.eclipse-header .eclipse-logo img{
  transition:transform .28s cubic-bezier(.2,.8,.25,1),filter .28s ease!important;
}
.eclipse-header .eclipse-logo:hover img{
  transform:scale(1.055) rotate(-1deg)!important;
  filter:drop-shadow(0 7px 15px rgba(213,29,42,.25))!important;
}
.eclipse-main-nav__list a{
  position:relative!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  transition:background-color .22s ease,color .22s ease,transform .22s ease!important;
}
.eclipse-main-nav__list a:hover{
  background:rgba(213,29,42,.11)!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
}
.eclipse-main-nav__list .current-menu-item>a{
  background:rgba(213,29,42,.13)!important;
  color:#fff!important;
}
.eclipse-order-button .elementor-button{
  background:linear-gradient(135deg,#D51D2A,#B90F1B)!important;
  box-shadow:0 8px 22px rgba(213,29,42,.24)!important;
  animation:eclipseOrderPulse 3.8s ease-in-out infinite!important;
}
@keyframes eclipseOrderPulse{
  0%,78%,100%{box-shadow:0 8px 22px rgba(213,29,42,.22)}
  88%{box-shadow:0 8px 22px rgba(213,29,42,.32),0 0 0 7px rgba(213,29,42,.07)}
}

/* HERO: acento de color claro y movimiento perceptible */
.eclipse-home-hero-v16{
  min-height:clamp(570px,72vh,800px)!important;
  background-position:50% 50%!important;
}
.eclipse-home-hero-v16::before{
  background:
    linear-gradient(90deg,rgba(12,8,7,.93) 0%,rgba(20,10,9,.70) 33%,rgba(20,10,9,.20) 70%,rgba(20,10,9,.04) 100%),
    radial-gradient(circle at 72% 32%,rgba(239,104,77,.24),transparent 28rem),
    radial-gradient(circle at 25% 76%,rgba(231,178,89,.12),transparent 22rem)!important;
}
.eclipse-home-hero-v16::after{
  content:"";
  position:absolute;
  width:440px;height:440px;
  right:-150px;top:-170px;
  border-radius:50%;
  border:1px solid rgba(231,178,89,.12);
  box-shadow:0 0 0 70px rgba(213,29,42,.028),0 0 0 140px rgba(231,178,89,.018);
  animation:eclipseOrbFloat 8s ease-in-out infinite alternate!important;
  pointer-events:none;
}
@keyframes eclipseOrbFloat{
  from{transform:translate3d(0,0,0) rotate(0deg)}
  to{transform:translate3d(-34px,24px,0) rotate(8deg)}
}
.eclipse-hero-content{
  max-width:700px!important;
}
.eclipse-home-hero-v16 .elementor-widget-heading:first-child .elementor-heading-title{
  color:#F1BF6A!important;
}
.eclipse-home-hero-v16 h1{
  font-size:clamp(3.15rem,5.15vw,5.65rem)!important;
  line-height:.94!important;
  max-width:720px!important;
  text-shadow:0 18px 46px rgba(0,0,0,.42)!important;
}
.eclipse-home-hero-v16 .elementor-widget-text-editor{
  max-width:610px!important;
}
.eclipse-home-hero-v16 .elementor-button{
  min-height:48px!important;
}

/* Pequeños datos bajo el hero: aportan color sin "ruido". */
.eclipse-hero-stats{
  margin-top:22px!important;
  display:flex!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}
.eclipse-hero-stat{
  width:auto!important;
  min-width:132px!important;
  padding:10px 14px 11px!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(20,15,13,.58)!important;
  backdrop-filter:blur(8px)!important;
  overflow:hidden!important;
  position:relative!important;
}
.eclipse-hero-stat::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--stat-color,#D51D2A);
}
.eclipse-stat-red{--stat-color:#D51D2A}
.eclipse-stat-gold{--stat-color:#E7B259}
.eclipse-stat-olive{--stat-color:#8B9A56}
.eclipse-stat-number .elementor-heading-title{
  font-family:"Fraunces",serif!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1!important;
}
.eclipse-stat-label,
.eclipse-stat-label p{
  margin:3px 0 0!important;
  color:#BEB2A8!important;
  font-size:10px!important;
  line-height:1.15!important;
}

/* Cinta animada: movimiento visible, muy ligera en rendimiento. */
.eclipse-home-marquee{
  overflow:hidden!important;
  background:linear-gradient(90deg,#A80F1B,#D51D2A 42%,#C55B32 72%,#B38437)!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.eclipse-home-marquee .elementor-widget-container{
  overflow:hidden!important;
}
.eclipse-home-marquee p{margin:0!important}
.eclipse-marquee-track{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  width:max-content!important;
  padding:10px 0!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:650!important;
  letter-spacing:.15em!important;
  white-space:nowrap!important;
  animation:eclipseMarquee 24s linear infinite!important;
}
.eclipse-marquee-track i{
  color:#FFE0A4!important;
  font-style:normal!important;
}
@keyframes eclipseMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* CATEGORÍAS: el bloque ya no es gris plano */
.eclipse-home-categories{
  padding-top:72px!important;
  padding-bottom:76px!important;
  background:
    radial-gradient(circle at 9% 10%,rgba(213,29,42,.16),transparent 23rem),
    radial-gradient(circle at 92% 84%,rgba(231,178,89,.10),transparent 24rem),
    linear-gradient(180deg,#211714 0%,#171413 76%)!important;
}
.eclipse-home-categories::before{
  top:26px!important;
  height:2px!important;
}
.eclipse-home-section-title .elementor-heading-title{
  font-size:clamp(2.35rem,3.6vw,4rem)!important;
  line-height:1!important;
}
.eclipse-home-cat-grid{
  gap:18px!important;
}
.eclipse-home-cat-card{
  border-radius:14px!important;
  background:linear-gradient(160deg,#2A211C 0%,#1C1715 100%)!important;
  box-shadow:0 13px 32px rgba(0,0,0,.14)!important;
}
.eclipse-home-cat-card::before{width:4px!important}
.eclipse-home-cat-card::after{
  width:190px!important;height:190px!important;
  right:-72px!important;bottom:-88px!important;
}
.eclipse-home-cat-card .eclipse-home-cat-image{
  overflow:hidden!important;
  border-radius:10px 10px 0 0!important;
}
.eclipse-home-cat-card img{
  min-height:205px!important;
  object-fit:cover!important;
}
.eclipse-home-cat-card > .e-con:last-child{
  padding:13px 16px 15px!important;
}
.eclipse-home-cat-card .elementor-heading-title{
  font-size:20px!important;
}
.eclipse-cat-subtitle,
.eclipse-cat-subtitle p{
  margin:4px 0 0!important;
  font-size:10px!important;
  line-height:1.35!important;
  color:#9F948B!important;
}
.eclipse-cat-arrow .elementor-heading-title{
  margin-top:10px!important;
  font-family:"Inter Tight",sans-serif!important;
  font-size:10px!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  color:var(--cat-b,#EF684D)!important;
  opacity:.86;
  transition:transform .25s ease,opacity .25s ease!important;
}
.eclipse-home-cat-card:hover .eclipse-cat-arrow .elementor-heading-title{
  transform:translateX(6px)!important;
  opacity:1!important;
}

/* MÁS PEDIDAS: ahora es un bloque visual, no una lista */
.eclipse-home-best{
  padding:68px 46px 70px!important;
  background:
    radial-gradient(circle at 86% 12%,rgba(239,104,77,.23),transparent 26rem),
    radial-gradient(circle at 4% 94%,rgba(231,178,89,.11),transparent 24rem),
    linear-gradient(135deg,#42161C 0%,#2B1516 43%,#191310 100%)!important;
  border-color:rgba(239,104,77,.23)!important;
}
.eclipse-best-grid{
  gap:18px!important;
}
.eclipse-best-card{
  min-height:0!important;
  padding:0 0 18px!important;
  background:#211A18!important;
  border-radius:14px!important;
}
.eclipse-best-card::before{
  top:15px!important;
  left:15px!important;
  z-index:4!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:rgba(17,10,9,.80)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  backdrop-filter:blur(6px)!important;
  color:#FFE0A4!important;
  font-size:10px!important;
  letter-spacing:.08em!important;
}
.eclipse-best-image{
  width:100%!important;
  overflow:hidden!important;
  border-radius:13px 13px 0 0!important;
}
.eclipse-best-image img{
  display:block!important;
  width:100%!important;
  height:205px!important;
  object-fit:cover!important;
  transition:transform .48s cubic-bezier(.16,.8,.24,1),filter .35s ease!important;
}
.eclipse-best-card:hover .eclipse-best-image img{
  transform:scale(1.075)!important;
  filter:saturate(1.12) contrast(1.04)!important;
}
.eclipse-best-card > .e-con:not(:first-child){
  padding-left:18px!important;
  padding-right:18px!important;
}
.eclipse-best-card > .e-con:nth-child(2){
  padding-top:16px!important;
}
.eclipse-best-card .elementor-heading-title{
  font-size:21px!important;
}
.eclipse-best-card .elementor-widget-text-editor,
.eclipse-best-card .elementor-widget-text-editor p{
  color:#AFA49B!important;
  font-size:11px!important;
}
.eclipse-best-card-cta{
  margin:12px 18px 0!important;
}
.eclipse-best-card-cta .elementor-button{
  width:100%!important;
  justify-content:center!important;
  min-height:40px!important;
  background:linear-gradient(135deg,#D51D2A,#B40F1A)!important;
  color:#fff!important;
  border-radius:999px!important;
}

/* Recogida: una sección con identidad propia, no otro bloque gris */
.eclipse-home-pickup-v16{
  background:
    radial-gradient(circle at 75% 25%,rgba(139,154,86,.13),transparent 25rem),
    linear-gradient(135deg,#202117,#1B1915 52%,#281615)!important;
  padding-top:62px!important;
  padding-bottom:62px!important;
}
.eclipse-home-pickup-v16 img{
  border-radius:14px!important;
  box-shadow:0 24px 56px rgba(0,0,0,.27)!important;
  transition:transform .55s cubic-bezier(.16,.8,.24,1)!important;
}
.eclipse-home-pickup-v16:hover img{transform:scale(1.025) rotate(.25deg)!important}

/* Bloque local con acento vino */
.eclipse-home-local-v16{
  position:relative!important;
  overflow:hidden!important;
  border-top:1px solid rgba(213,29,42,.18)!important;
  background:
    linear-gradient(90deg,rgba(213,29,42,.095),transparent 34%),
    #171413!important;
}
.eclipse-home-local-v16::after{
  content:"VERA · ALMERÍA";
  position:absolute;
  right:5vw;bottom:-18px;
  font-family:"Fraunces",serif;
  font-size:clamp(3.5rem,8vw,8rem);
  color:rgba(255,255,255,.022);
  white-space:nowrap;
  pointer-events:none;
}

/* Entrada de secciones más visible pero elegante */
body:not(.elementor-editor-active) .eclipse-reveal{
  opacity:0;
  transform:translateY(34px) scale(.985);
  filter:blur(2px);
  transition:
    opacity .72s cubic-bezier(.18,.8,.24,1),
    transform .72s cubic-bezier(.18,.8,.24,1),
    filter .72s ease!important;
}
body:not(.elementor-editor-active) .eclipse-reveal.is-visible{
  opacity:1;
  transform:none;
  filter:none;
}

/* El CTA principal del hero hace un pequeño "latido" cada cierto tiempo */
.eclipse-home-hero .elementor-widget-button:first-of-type .elementor-button{
  animation:eclipseHeroCta 4.8s ease-in-out 1.4s infinite!important;
}
@keyframes eclipseHeroCta{
  0%,70%,100%{transform:translateY(0);box-shadow:0 10px 26px rgba(213,29,42,.18)}
  80%{transform:translateY(-3px);box-shadow:0 14px 34px rgba(213,29,42,.34)}
  88%{transform:translateY(0)}
}

/* WooCommerce: algo más de color en tarjetas */
.woocommerce ul.products li.product{
  background:linear-gradient(165deg,#27201D,#1E1A18)!important;
}
.woocommerce ul.products li.product:hover{
  border-color:rgba(213,29,42,.34)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24),0 0 0 1px rgba(213,29,42,.04) inset!important;
}
.woocommerce ul.products li.product .button{
  background:linear-gradient(135deg,#D51D2A,#B70F1A)!important;
}

/* Responsive */
@media(max-width:767px){
  .eclipse-home-hero-v16{
    min-height:650px!important;
    background-position:58% 50%!important;
  }
  .eclipse-home-hero-v16 h1{
    font-size:clamp(2.7rem,12vw,4.1rem)!important;
  }
  .eclipse-hero-stats{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .eclipse-hero-stat{
    min-width:0!important;
    padding:9px 8px!important;
  }
  .eclipse-stat-number .elementor-heading-title{font-size:17px!important}
  .eclipse-stat-label,.eclipse-stat-label p{font-size:8px!important}
  .eclipse-home-categories{
    padding-top:52px!important;
    padding-bottom:54px!important;
  }
  .eclipse-home-cat-card img{min-height:145px!important}
  .eclipse-home-best{
    padding:46px 18px 50px!important;
    border-radius:14px!important;
  }
  .eclipse-best-grid{grid-template-columns:1fr!important}
  .eclipse-best-image img{height:210px!important}
  .eclipse-marquee-track{animation-duration:20s!important}
}

@media(prefers-reduced-motion:reduce){
  .eclipse-home-marquee .eclipse-marquee-track,
  .eclipse-home-hero-v16::after,
  .eclipse-order-button .elementor-button,
  .eclipse-home-hero .elementor-widget-button:first-of-type .elementor-button{
    animation:none!important;
  }
}




/* ============================================================
   ECLIPSE 1.7 · DINÁMICA, COLOR Y MOVIMIENTO
   ============================================================ */

:root{
  --e17-red:#D91D2B;
  --e17-red-dark:#A80D18;
  --e17-coral:#F06445;
  --e17-orange:#DB783D;
  --e17-gold:#E6B45A;
  --e17-olive:#829455;
  --e17-wine:#41161B;
  --e17-cream:#F7EFE6;
}

/* PROGRESO DE SCROLL - movimiento sutil en toda la web */
.eclipse-scroll-progress{
  position:fixed;
  z-index:999999;
  left:0;
  top:0;
  width:100%;
  height:3px;
  pointer-events:none;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,var(--e17-red),var(--e17-coral),var(--e17-gold));
  box-shadow:0 0 12px rgba(217,29,43,.35);
}
.admin-bar .eclipse-scroll-progress{top:32px}

/* BOTONES: hover vivo en toda la web */
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button.single_add_to_cart_button{
  position:relative!important;
  overflow:hidden!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,background .24s ease,border-color .24s ease!important;
}
.elementor-button::after,
.woocommerce a.button::after,
.woocommerce button.button::after,
button.single_add_to_cart_button::after{
  content:"";
  position:absolute;
  top:-80%;
  left:-70%;
  width:34%;
  height:260%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:rotate(18deg);
  transition:left .55s ease;
  pointer-events:none;
}
.elementor-button:hover::after,
.woocommerce a.button:hover::after,
.woocommerce button.button:hover::after,
button.single_add_to_cart_button:hover::after{
  left:135%;
}
.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
button.single_add_to_cart_button:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 12px 30px rgba(217,29,43,.23)!important;
}

/* HERO sin estadísticas, con color visible pero elegante */
.eclipse-home-hero-v17{
  min-height:clamp(590px,74vh,815px)!important;
  background-position:50% 50%!important;
  overflow:hidden!important;
}
.eclipse-home-hero-v17::before{
  background:
    linear-gradient(90deg,rgba(13,8,7,.94) 0%,rgba(31,12,10,.69) 36%,rgba(29,11,9,.24) 68%,rgba(11,7,6,.10) 100%),
    radial-gradient(circle at 69% 33%,rgba(240,100,69,.23),transparent 25rem),
    radial-gradient(circle at 22% 78%,rgba(230,180,90,.14),transparent 20rem)!important;
}
.eclipse-home-hero-v17 h1{
  text-wrap:balance!important;
  text-shadow:0 18px 46px rgba(0,0,0,.44)!important;
}
.eclipse-home-hero-v17 .elementor-widget-heading:first-child .elementor-heading-title{
  color:#F2BC65!important;
}
.eclipse-home-hero-v17 .elementor-button{
  border-radius:999px!important;
}

/* MARQUEE infinito real, de derecha a izquierda y sin huecos */
.eclipse-home-marquee-v17{
  overflow:hidden!important;
  background:linear-gradient(90deg,#9C101B 0%,#D91D2B 33%,#D55D3B 67%,#B98535 100%)!important;
  border-block:1px solid rgba(255,255,255,.12)!important;
}
.eclipse-home-marquee-v17 .elementor-widget-container,
.eclipse-home-marquee-v17 .elementor-widget-text-editor{
  overflow:hidden!important;
}
.eclipse-home-marquee-v17 p{margin:0!important}
.eclipse-marquee-track-v17{
  display:flex!important;
  width:max-content!important;
  will-change:transform;
  animation:e17Marquee 26s linear infinite!important;
}
.eclipse-marquee-group{
  display:flex!important;
  align-items:center!important;
  flex-shrink:0!important;
  gap:18px!important;
  padding:10px 9px!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.14em!important;
}
.eclipse-marquee-group i{
  color:#FFD899!important;
  font-style:normal!important;
}
@keyframes e17Marquee{
  to{transform:translateX(-50%)}
}

/* CATEGORÍAS: dejar de ser una zona gris */
.eclipse-home-categories-v17{
  position:relative!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 4% 14%,rgba(217,29,43,.20),transparent 22rem),
    radial-gradient(circle at 98% 76%,rgba(230,180,90,.13),transparent 25rem),
    linear-gradient(180deg,#231613 0%,#1A1513 54%,#181413 100%)!important;
  overflow:hidden!important;
}
.eclipse-home-categories-v17::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:420px;
  height:420px;
  right:-210px;
  top:18%;
  border-radius:50%;
  border:1px solid rgba(230,180,90,.09);
  box-shadow:0 0 0 75px rgba(217,29,43,.025),0 0 0 145px rgba(230,180,90,.018);
  animation:e17Orb 8s ease-in-out infinite alternate;
}
@keyframes e17Orb{
  to{transform:translate(-32px,28px) rotate(8deg)}
}
.eclipse-cat-kicker .elementor-heading-title{
  display:inline-flex!important;
  width:auto!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:rgba(217,29,43,.13)!important;
  border:1px solid rgba(217,29,43,.25)!important;
  color:#F06A55!important;
}
.eclipse-cat-main-title .elementor-heading-title{
  position:relative!important;
  font-size:clamp(2.65rem,4vw,4.65rem)!important;
  line-height:.98!important;
  text-wrap:balance!important;
}
.eclipse-cat-main-title .elementor-heading-title::after{
  content:"";
  display:block;
  width:92px;
  height:4px;
  margin-top:17px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--e17-red),var(--e17-coral),var(--e17-gold));
  animation:e17TitleLine 3.2s ease-in-out infinite alternate;
}
@keyframes e17TitleLine{
  from{width:72px}
  to{width:138px}
}
.eclipse-cat-intro,
.eclipse-cat-intro p{
  max-width:600px!important;
  margin:16px 0 0!important;
  color:#B7AAA1!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.eclipse-cat-view-all .elementor-heading-title{
  padding:10px 14px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.025)!important;
  transition:background .25s ease,border-color .25s ease,transform .25s ease!important;
}
.eclipse-cat-view-all:hover .elementor-heading-title{
  background:rgba(217,29,43,.12)!important;
  border-color:rgba(217,29,43,.30)!important;
  transform:translateX(4px)!important;
}

/* Cards con color distinto por categoría */
.eclipse-cat-card-v17{
  position:relative!important;
  border-radius:15px!important;
  box-shadow:0 16px 38px rgba(0,0,0,.17)!important;
  transition:transform .36s cubic-bezier(.16,.8,.24,1),box-shadow .36s ease,border-color .36s ease!important;
}
.eclipse-cat-card-v17::before{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  left:0!important;top:0!important;bottom:0!important;
  width:4px!important;
  background:var(--cat-accent)!important;
  opacity:1!important;
}
.eclipse-cat-card-v17::after{
  content:"";
  position:absolute;
  inset:auto -55px -75px auto;
  width:180px;height:180px;
  border-radius:50%;
  background:radial-gradient(circle,var(--cat-glow),transparent 67%);
  opacity:.34;
  pointer-events:none;
  transition:transform .4s ease,opacity .4s ease;
}
.eclipse-cat-card-v17:hover{
  transform:translateY(-9px)!important;
  border-color:var(--cat-border)!important;
  box-shadow:0 24px 48px rgba(0,0,0,.25),0 0 35px var(--cat-shadow)!important;
}
.eclipse-cat-card-v17:hover::after{
  transform:scale(1.22) translate(-10px,-8px);
  opacity:.58;
}
.eclipse-cat-card-v17 img{
  transition:transform .52s cubic-bezier(.16,.8,.24,1),filter .4s ease!important;
}
.eclipse-cat-card-v17:hover img{
  transform:scale(1.075)!important;
  filter:saturate(1.14) contrast(1.04)!important;
}
.eclipse-cat-index .elementor-heading-title{
  color:var(--cat-accent)!important;
  font-family:"Inter Tight",sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
  margin-bottom:7px!important;
}
.eclipse-cat-pizzas{--cat-accent:#E12A34;--cat-glow:rgba(225,42,52,.55);--cat-border:rgba(225,42,52,.42);--cat-shadow:rgba(225,42,52,.09)}
.eclipse-cat-pastas{--cat-accent:#E9773D;--cat-glow:rgba(233,119,61,.52);--cat-border:rgba(233,119,61,.42);--cat-shadow:rgba(233,119,61,.09)}
.eclipse-cat-ensaladas{--cat-accent:#8DA253;--cat-glow:rgba(141,162,83,.52);--cat-border:rgba(141,162,83,.42);--cat-shadow:rgba(141,162,83,.09)}
.eclipse-cat-patatas{--cat-accent:#E6B45A;--cat-glow:rgba(230,180,90,.52);--cat-border:rgba(230,180,90,.42);--cat-shadow:rgba(230,180,90,.09)}
.eclipse-cat-sandwiches{--cat-accent:#C86A42;--cat-glow:rgba(200,106,66,.52);--cat-border:rgba(200,106,66,.42);--cat-shadow:rgba(200,106,66,.09)}
.eclipse-cat-bebidas{--cat-accent:#A94E69;--cat-glow:rgba(169,78,105,.52);--cat-border:rgba(169,78,105,.42);--cat-shadow:rgba(169,78,105,.09)}
.eclipse-cat-arrow .elementor-heading-title{
  color:var(--cat-accent)!important;
}

/* MÁS PEDIDAS: completamente nueva, botones normales */
.eclipse-home-best-v17{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(240,100,69,.26),transparent 27rem),
    radial-gradient(circle at 7% 89%,rgba(230,180,90,.14),transparent 23rem),
    linear-gradient(135deg,#48171D 0%,#2B1517 44%,#1B1412 100%)!important;
  border-block:1px solid rgba(240,100,69,.14)!important;
}
.eclipse-home-best-v17::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(115deg,transparent 0 62%,rgba(255,255,255,.018) 62% 63%,transparent 63%),
    linear-gradient(70deg,transparent 0 78%,rgba(230,180,90,.025) 78% 79%,transparent 79%);
}
.eclipse-best-kicker .elementor-heading-title{
  color:#F2A375!important;
  letter-spacing:.19em!important;
  font-family:"Inter Tight",sans-serif!important;
  font-size:11px!important;
  font-weight:700!important;
}
.eclipse-best-title-v17 .elementor-heading-title{
  margin-top:9px!important;
  color:#FFF5EB!important;
  font-size:clamp(2.8rem,4.5vw,4.85rem)!important;
  line-height:.96!important;
  text-wrap:balance!important;
}
.eclipse-best-copy-v17,
.eclipse-best-copy-v17 p{
  max-width:650px!important;
  margin:16px 0 0!important;
  color:#D4C1B5!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.eclipse-best-grid-v17{
  margin-top:32px!important;
}
.eclipse-best-card-v17{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(160deg,#291C19,#1E1715)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
  transition:transform .38s cubic-bezier(.16,.8,.24,1),box-shadow .38s ease,border-color .38s ease!important;
}
.eclipse-best-card-v17:hover{
  transform:translateY(-10px)!important;
  border-color:var(--best-accent)!important;
  box-shadow:0 28px 54px rgba(0,0,0,.28),0 0 36px var(--best-glow)!important;
}
.eclipse-best-red{--best-accent:rgba(225,42,52,.55);--best-glow:rgba(225,42,52,.10)}
.eclipse-best-copper{--best-accent:rgba(233,119,61,.55);--best-glow:rgba(233,119,61,.10)}
.eclipse-best-gold{--best-accent:rgba(230,180,90,.55);--best-glow:rgba(230,180,90,.10)}
.eclipse-best-media{
  position:relative!important;
  overflow:hidden!important;
}
.eclipse-best-rank{
  position:absolute!important;
  z-index:4!important;
  top:13px!important;
  left:13px!important;
}
.eclipse-best-rank .elementor-heading-title{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  background:rgba(15,9,8,.84)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  color:#FFE0A5!important;
  font-family:"Fraunces",serif!important;
  font-size:14px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}
.eclipse-best-img-v17 img{
  width:100%!important;
  height:245px!important;
  object-fit:cover!important;
  display:block!important;
  transition:transform .55s cubic-bezier(.16,.8,.24,1),filter .45s ease!important;
}
.eclipse-best-card-v17:hover .eclipse-best-img-v17 img{
  transform:scale(1.08)!important;
  filter:saturate(1.13) contrast(1.04)!important;
}
.eclipse-best-body{
  padding:20px 20px 21px!important;
}
.eclipse-best-name .elementor-heading-title{
  color:#FFF3E8!important;
  font-size:24px!important;
  line-height:1.05!important;
}
.eclipse-best-desc,
.eclipse-best-desc p{
  min-height:42px!important;
  margin:8px 0 0!important;
  color:#AE9F95!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.eclipse-best-bottom{
  margin-top:20px!important;
  gap:10px!important;
}
.eclipse-best-price .elementor-heading-title{
  color:#F0D2BC!important;
  font-family:"Inter Tight",sans-serif!important;
  font-size:12px!important;
  font-weight:650!important;
}
.eclipse-best-button-v17{
  margin:0!important;
  width:auto!important;
}
.eclipse-best-button-v17 .elementor-button{
  width:auto!important;
  min-width:112px!important;
  min-height:40px!important;
  padding:11px 17px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#D91D2B,#B70E19)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

/* Dinamismo en el resto de la web */
.eclipse-about-card,
.eclipse-contact-card,
.eclipse-single-details,
.eclipse-single-related li.product{
  transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease!important;
}
.eclipse-about-card:hover,
.eclipse-contact-card:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(217,29,43,.28)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.19)!important;
}
.eclipse-about-card:nth-child(2):hover{border-color:rgba(230,180,90,.28)!important}
.eclipse-about-card:nth-child(3):hover{border-color:rgba(130,148,85,.28)!important}
.eclipse-contact-map-card{
  overflow:hidden!important;
}
.eclipse-carta-filters{
  position:relative!important;
}
.eclipse-filter-btn{
  transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease!important;
}
.eclipse-filter-btn:hover{
  transform:translateY(-3px)!important;
  background:rgba(217,29,43,.13)!important;
  border-color:rgba(217,29,43,.35)!important;
  box-shadow:0 8px 20px rgba(217,29,43,.08)!important;
}
.eclipse-filter-btn.is-active,
.eclipse-filter-btn.eclipse-filter-active{
  background:linear-gradient(135deg,#D91D2B,#B80F1A)!important;
  border-color:#D91D2B!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(217,29,43,.18)!important;
}
.eclipse-carta-section{
  position:relative!important;
}
.eclipse-carta-section::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:linear-gradient(180deg,transparent,var(--e17-red),transparent);
  opacity:.25;
}

/* Entrada animada: JS añade la clase solo cuando puede animar */
.e17-reveal{
  opacity:0!important;
  transform:translateY(34px) scale(.985)!important;
  transition:opacity .72s cubic-bezier(.18,.8,.24,1),transform .72s cubic-bezier(.18,.8,.24,1)!important;
}
.e17-reveal.e17-visible{
  opacity:1!important;
  transform:none!important;
}
.e17-stagger-1{transition-delay:.05s!important}
.e17-stagger-2{transition-delay:.12s!important}
.e17-stagger-3{transition-delay:.19s!important}
.e17-stagger-4{transition-delay:.26s!important}
.e17-stagger-5{transition-delay:.33s!important}
.e17-stagger-6{transition-delay:.40s!important}

/* Header/footer un poco más vivos */
.eclipse-header::after{
  background:linear-gradient(90deg,transparent 7%,#D91D2B 30%,#F06445 52%,#E6B45A 73%,transparent 94%)!important;
  opacity:.55!important;
}
.eclipse-footer-main{
  position:relative!important;
}
.eclipse-footer-main::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,#D91D2B,#E6B45A,transparent);
  opacity:.42;
}

/* Responsive */
@media(max-width:1024px){
  .eclipse-best-card-v17{
    width:calc(50% - 9px)!important;
  }
}
@media(max-width:767px){
  .admin-bar .eclipse-scroll-progress{top:46px}
  .eclipse-cat-main-title .elementor-heading-title{
    font-size:clamp(2.45rem,11vw,3.65rem)!important;
  }
  .eclipse-home-categories-v17::after{display:none!important}
  .eclipse-best-card-v17{
    width:100%!important;
  }
  .eclipse-best-img-v17 img{height:225px!important}
  .eclipse-best-bottom{
    align-items:center!important;
  }
  .eclipse-marquee-group{
    font-size:10px!important;
    gap:14px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .eclipse-marquee-track-v17,
  .eclipse-home-categories-v17::after,
  .eclipse-cat-main-title .elementor-heading-title::after{
    animation:none!important;
  }
  .e17-reveal{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}




/* ================================================================
   ECLIPSE 1.8
   Más color, más movimiento y menos coste de render.
   Sin tilt/pointermove: los hovers son CSS + transform.
   ================================================================ */
:root{
  --e18-red:#D91E2C;
  --e18-red2:#B80D1A;
  --e18-coral:#F06A4B;
  --e18-gold:#E7B55B;
  --e18-olive:#879753;
  --e18-wine:#43171C;
  --e18-cream:#F7EFE6;
  --e18-panel:#241B18;
  --e18-panel2:#1B1715;
}

/* Elimina transformaciones 3D que venían de versiones anteriores. */
.eclipse-cat-card-v18,
.eclipse-best-card-v18{
  transform-style:flat!important;
  perspective:none!important;
}

/* Scroll progress */
.eclipse-scroll-progress{
  position:fixed;
  top:0;left:0;
  z-index:999999;
  width:100%;
  height:3px;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,var(--e18-red),var(--e18-coral),var(--e18-gold));
  pointer-events:none;
}
.admin-bar .eclipse-scroll-progress{top:32px}

/* ------------------------------------------------
   MARQUEE: loop infinito real
   ------------------------------------------------ */
.eclipse-home-marquee-v18{
  overflow:hidden!important;
  background:linear-gradient(90deg,#99101A 0%,#D91E2C 31%,#DE693E 66%,#B78538 100%)!important;
  border-block:1px solid rgba(255,255,255,.10)!important;
}
.eclipse-home-marquee-v18 p{margin:0!important}
.eclipse-home-marquee-v18 .elementor-widget-container,
.eclipse-home-marquee-v18 .elementor-widget-text-editor{
  overflow:hidden!important;
}
.eclipse-marquee-track-v18{
  display:flex!important;
  width:max-content!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.eclipse-marquee-track-v18.is-ready{
  animation:e18Marquee 22s linear infinite!important;
}
.eclipse-marquee-group-v18{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  padding:11px 10px!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:750!important;
  letter-spacing:.135em!important;
}
.eclipse-marquee-group-v18 i{
  color:#FFE0A1!important;
  font-style:normal!important;
}
@keyframes e18Marquee{
  to{transform:translate3d(var(--eclipse-marquee-shift),0,0)}
}

/* ------------------------------------------------
   ELIGE POR DÓNDE EMPEZAR
   ------------------------------------------------ */
.eclipse-home-categories-v18{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 10% 8%,rgba(217,30,44,.18),transparent 24rem),
    radial-gradient(circle at 94% 78%,rgba(231,181,91,.12),transparent 25rem),
    linear-gradient(145deg,#261714 0%,#1B1614 48%,#181514 100%)!important;
}
.eclipse-home-categories-v18::before{
  content:"";
  position:absolute;
  top:10%;right:-150px;
  width:360px;height:360px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(240,106,75,.08),transparent 67%);
  pointer-events:none;
}
.eclipse-cat-kicker-v18 .elementor-heading-title{
  display:inline-flex!important;
  width:auto!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  color:#F27A60!important;
  border:1px solid rgba(217,30,44,.30)!important;
  background:rgba(217,30,44,.11)!important;
}
.eclipse-cat-main-title-v18{
  width:fit-content!important;
  max-width:100%!important;
}
.eclipse-cat-main-title-v18 .elementor-heading-title{
  display:inline-block!important;
  width:auto!important;
  color:#FFF4E9!important;
  font-size:clamp(2.7rem,4.6vw,5.15rem)!important;
  line-height:.96!important;
  text-wrap:balance!important;
}
.eclipse-cat-main-title-v18 .elementor-heading-title::after{
  content:"";
  display:block;
  width:100%!important;
  max-width:none!important;
  height:4px!important;
  margin-top:17px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--e18-red),var(--e18-coral),var(--e18-gold),var(--e18-coral),var(--e18-red))!important;
  background-size:220% 100%!important;
  animation:e18TitleBar 4.2s linear infinite!important;
  opacity:.95!important;
}
@keyframes e18TitleBar{
  to{background-position:220% 0}
}
.eclipse-cat-intro-v18,
.eclipse-cat-intro-v18 p{
  color:#B9ABA2!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.eclipse-cat-view-all-v18 a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:44px!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.025)!important;
  color:#F7EFE6!important;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease!important;
}
.eclipse-cat-view-all-v18 a:hover{
  transform:translateX(4px)!important;
  background:rgba(217,30,44,.13)!important;
  border-color:rgba(217,30,44,.35)!important;
  color:#fff!important;
}

/* Cards: hovers claros pero baratos */
.eclipse-cat-card-v18{
  position:relative!important;
  overflow:hidden!important;
  border-radius:15px!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}
.eclipse-cat-card-v18:hover{
  transform:translateY(-7px)!important;
  border-color:var(--cat-accent)!important;
  box-shadow:0 20px 38px rgba(0,0,0,.22)!important;
}
.eclipse-cat-card-v18 .eclipse-home-cat-image{
  overflow:hidden!important;
}
.eclipse-cat-card-v18 img{
  transition:transform .34s ease,filter .34s ease!important;
}
.eclipse-cat-card-v18:hover img{
  transform:scale(1.055)!important;
  filter:saturate(1.10)!important;
}
.eclipse-cat-card-v18::after{
  opacity:.34!important;
  transition:opacity .24s ease,transform .24s ease!important;
}
.eclipse-cat-card-v18:hover::after{
  opacity:.62!important;
  transform:scale(1.10)!important;
}
.eclipse-cat-explore-v18{
  margin-top:11px!important;
}
.eclipse-cat-explore-v18 a{
  display:inline-flex!important;
  align-items:center!important;
  color:var(--cat-accent)!important;
  font-family:"Inter Tight",sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  transition:transform .2s ease,color .2s ease!important;
}
.eclipse-cat-explore-v18 a:hover{
  transform:translateX(6px)!important;
  color:#fff!important;
}

/* ------------------------------------------------
   LAS MÁS PEDIDAS
   ------------------------------------------------ */
.eclipse-home-best-v18{
  background:
    radial-gradient(circle at 86% 7%,rgba(240,106,75,.22),transparent 24rem),
    radial-gradient(circle at 5% 93%,rgba(231,181,91,.12),transparent 22rem),
    linear-gradient(135deg,#46171D 0%,#2B1717 45%,#1A1513 100%)!important;
}
.eclipse-best-title-v18 .elementor-heading-title{
  font-size:clamp(2.75rem,4.3vw,4.8rem)!important;
  color:#FFF5EB!important;
}
.eclipse-best-copy-v18,
.eclipse-best-copy-v18 p{color:#D1BFB4!important}
.eclipse-best-grid-v18{margin-top:34px!important}
.eclipse-best-card-v18{
  overflow:hidden!important;
  background:linear-gradient(160deg,#2A1D1A,#1D1715)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  box-shadow:0 14px 30px rgba(0,0,0,.18)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.eclipse-best-card-v18:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(240,106,75,.34)!important;
  box-shadow:0 22px 42px rgba(0,0,0,.25)!important;
}
.eclipse-best-card-v18 img{
  transition:transform .32s ease,filter .32s ease!important;
}
.eclipse-best-card-v18:hover img{
  transform:scale(1.045)!important;
  filter:saturate(1.08)!important;
}
.eclipse-best-button-v18 .elementor-button{
  min-width:118px!important;
  padding:11px 18px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--e18-red),var(--e18-red2))!important;
  box-shadow:none!important;
  transition:transform .18s ease,background-color .18s ease!important;
}
.eclipse-best-button-v18 .elementor-button::after{display:none!important}
.eclipse-best-button-v18 .elementor-button:hover{
  transform:translateY(-2px)!important;
  background:linear-gradient(135deg,#EE2B3A,#C30F1D)!important;
  box-shadow:0 9px 20px rgba(217,30,44,.16)!important;
}

/* ------------------------------------------------
   CARTA: active state = pill, never rectangle
   ------------------------------------------------ */
.eclipse-carta-hero-v18{
  background:
    radial-gradient(circle at 82% 30%,rgba(217,30,44,.09),transparent 20rem),
    transparent!important;
}
.eclipse-carta-filters-v18{
  width:fit-content!important;
  max-width:100%!important;
  padding:7px!important;
  border-radius:999px!important;
  background:#211B19!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}
.eclipse-carta-filters-v18 .eclipse-filter-btn{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  padding:0!important;
}
.eclipse-carta-filters-v18 .eclipse-filter-btn.is-active{
  background:transparent!important;
  box-shadow:none!important;
}
.eclipse-carta-filters-v18 .elementor-button{
  min-height:38px!important;
  padding:9px 17px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#EDE4DD!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease!important;
}
.eclipse-carta-filters-v18 .elementor-button::after{display:none!important}
.eclipse-carta-filters-v18 .elementor-button:hover{
  background:rgba(217,30,44,.12)!important;
  border-color:rgba(217,30,44,.20)!important;
  color:#fff!important;
  transform:none!important;
  box-shadow:none!important;
}
.eclipse-carta-filters-v18 .elementor-button.is-active,
.eclipse-carta-filters-v18 .eclipse-filter-btn.is-active .elementor-button{
  background:linear-gradient(135deg,var(--e18-red),var(--e18-red2))!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 6px 15px rgba(217,30,44,.18)!important;
}
.eclipse-carta-section-v18{
  position:relative!important;
  border-left:2px solid rgba(217,30,44,.18)!important;
}
.eclipse-filter-enter-v18{
  animation:e18FilterIn .30s ease both!important;
}
@keyframes e18FilterIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}

/* Woo product cards */
.woocommerce ul.products li.product{
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(217,30,44,.28)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.19)!important;
}
.woocommerce ul.products li.product img{
  transition:transform .30s ease,filter .30s ease!important;
}
.woocommerce ul.products li.product:hover img{
  transform:scale(1.035)!important;
  filter:saturate(1.07)!important;
}

/* ------------------------------------------------
   PRODUCT PAGE
   ------------------------------------------------ */
.eclipse-single-main-v18{
  position:relative!important;
  gap:52px!important;
}
.eclipse-single-left{
  position:relative!important;
}
.eclipse-single-left::before{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(217,30,44,.12),transparent 44%,rgba(231,181,91,.08));
  z-index:-1;
}
.eclipse-single-gallery{
  overflow:hidden!important;
  border-radius:13px!important;
  box-shadow:0 20px 46px rgba(0,0,0,.21)!important;
}
.eclipse-single-gallery img{
  transition:transform .35s ease!important;
}
.eclipse-single-gallery:hover img{transform:scale(1.025)!important}
.eclipse-single-info-v18{
  padding:25px!important;
  border-radius:15px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(217,30,44,.11),transparent 16rem),
    linear-gradient(160deg,#241C19,#1A1715)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}
.eclipse-single-info-v18::before{
  content:"PERSONALIZA TU PEDIDO";
  display:inline-flex;
  margin-bottom:10px;
  color:#F2765C;
  font-size:9px;
  font-weight:800;
  letter-spacing:.16em;
}
.eclipse-single-meta .sku_wrapper,
.single-product .sku_wrapper{
  display:none!important;
}
.eclipse-single-meta{
  margin-top:4px!important;
}
.eclipse-single-title .elementor-heading-title,
.eclipse-single-title h1,
.eclipse-single-title h2{
  color:#FFF3E8!important;
}
.eclipse-product-details-section-v18{
  background:
    radial-gradient(circle at 93% 20%,rgba(231,181,91,.07),transparent 18rem),
    transparent!important;
}
.eclipse-single-related-v18{
  background:
    linear-gradient(180deg,transparent,rgba(67,23,28,.17))!important;
}

/* ------------------------------------------------
   SOBRE NOSOTROS
   ------------------------------------------------ */
.eclipse-about-hero-v18{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 86% 24%,rgba(217,30,44,.15),transparent 24rem),
    radial-gradient(circle at 14% 88%,rgba(231,181,91,.08),transparent 22rem),
    linear-gradient(135deg,#201615,#181413)!important;
}
.eclipse-about-hero-v18::after{
  content:"ECLIPSE";
  position:absolute;
  right:-20px;bottom:-30px;
  font-family:"Fraunces",serif;
  font-size:clamp(5rem,12vw,12rem);
  line-height:1;
  color:rgba(255,255,255,.018);
  pointer-events:none;
}
.eclipse-about-brand-strip-v18{
  padding:18px 26px!important;
  margin-top:-1px!important;
  background:linear-gradient(90deg,#A5111C,#D85A3C 54%,#A77A35)!important;
}
.eclipse-about-word .elementor-heading-title{
  color:#fff!important;
  font-family:"Inter Tight",sans-serif!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
.eclipse-about-story-v18{
  padding-top:74px!important;
  padding-bottom:74px!important;
  background:
    radial-gradient(circle at 10% 50%,rgba(231,181,91,.07),transparent 24rem),
    #191614!important;
}
.eclipse-about-story-v18 .eclipse-about-img{
  overflow:hidden!important;
  border-radius:16px!important;
  box-shadow:0 22px 48px rgba(0,0,0,.23)!important;
}
.eclipse-about-story-v18 img{
  transition:transform .34s ease!important;
}
.eclipse-about-story-v18:hover img{transform:scale(1.025)!important}
.eclipse-about-values-v18{
  padding:58px 0!important;
  background:linear-gradient(135deg,#271817,#1A1715)!important;
}
.eclipse-about-values-v18 .eclipse-about-card{
  position:relative!important;
  overflow:hidden!important;
  border-radius:15px!important;
  background:#231D1A!important;
}
.eclipse-about-values-v18 .eclipse-about-card:nth-child(1){border-top:3px solid var(--e18-red)!important}
.eclipse-about-values-v18 .eclipse-about-card:nth-child(2){border-top:3px solid var(--e18-gold)!important}
.eclipse-about-values-v18 .eclipse-about-card:nth-child(3){border-top:3px solid var(--e18-olive)!important}
.eclipse-about-values-v18 .eclipse-about-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 18px 34px rgba(0,0,0,.19)!important;
}
.eclipse-about-takeaway-v18{
  padding:72px 0!important;
  background:
    radial-gradient(circle at 15% 50%,rgba(217,30,44,.17),transparent 25rem),
    linear-gradient(115deg,#40171B,#211715 55%,#1A1715)!important;
}
.eclipse-about-local-v18{
  padding:62px 0!important;
  border-top:1px solid rgba(231,181,91,.14)!important;
  background:
    linear-gradient(90deg,rgba(135,151,83,.07),transparent 40%),
    #181514!important;
}

/* ------------------------------------------------
   CONTACTO
   ------------------------------------------------ */
.eclipse-contact-hero-v18{
  position:relative!important;
  overflow:hidden!important;
  padding-top:74px!important;
  padding-bottom:48px!important;
  background:
    radial-gradient(circle at 84% 28%,rgba(217,30,44,.16),transparent 25rem),
    radial-gradient(circle at 8% 100%,rgba(231,181,91,.08),transparent 20rem),
    linear-gradient(135deg,#281716,#191514)!important;
}
.eclipse-contact-hero-v18::after{
  content:"HABLEMOS";
  position:absolute;
  right:-25px;bottom:-30px;
  color:rgba(255,255,255,.018);
  font-family:"Fraunces",serif;
  font-size:clamp(5rem,11vw,11rem);
  pointer-events:none;
}
.eclipse-contact-quick-v18{
  margin-top:27px!important;
}
.eclipse-contact-quick-v18 .elementor-button{
  min-height:43px!important;
  border-radius:999px!important;
  padding:11px 18px!important;
}
.eclipse-contact-quick-red .elementor-button{
  background:linear-gradient(135deg,var(--e18-red),var(--e18-red2))!important;
}
.eclipse-contact-quick-gold .elementor-button{
  color:#17110F!important;
  background:linear-gradient(135deg,#F0C36D,#D99B3D)!important;
}
.eclipse-contact-quick-dark .elementor-button{
  background:#2A211E!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
.eclipse-contact-cards-v18{
  padding-top:54px!important;
  padding-bottom:54px!important;
  background:#191614!important;
}
.eclipse-contact-cards-v18 .eclipse-contact-card{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(160deg,#27201D,#201A18)!important;
  border-radius:15px!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.eclipse-contact-cards-v18 .eclipse-contact-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:var(--contact-accent);
}
.eclipse-contact-cards-v18 .eclipse-contact-card:nth-child(1){--contact-accent:var(--e18-red)}
.eclipse-contact-cards-v18 .eclipse-contact-card:nth-child(2){--contact-accent:var(--e18-gold)}
.eclipse-contact-cards-v18 .eclipse-contact-card:nth-child(3){--contact-accent:var(--e18-olive)}
.eclipse-contact-cards-v18 .eclipse-contact-card:hover{
  transform:translateY(-6px)!important;
  border-color:color-mix(in srgb,var(--contact-accent) 38%,transparent)!important;
  box-shadow:0 18px 34px rgba(0,0,0,.18)!important;
}
.eclipse-contact-pickup-v18{
  padding-top:58px!important;
  padding-bottom:58px!important;
  background:
    radial-gradient(circle at 15% 50%,rgba(135,151,83,.10),transparent 22rem),
    linear-gradient(135deg,#201E17,#191614 52%,#281719)!important;
}
.eclipse-contact-pickup-v18 .eclipse-contact-map-card{
  overflow:hidden!important;
  border-color:rgba(231,181,91,.25)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.18)!important;
}
.eclipse-contact-form-section-v18{
  padding-top:58px!important;
  padding-bottom:72px!important;
  background:
    radial-gradient(circle at 88% 40%,rgba(217,30,44,.11),transparent 24rem),
    #191514!important;
}
.eclipse-contact-form-wrap{
  border-radius:17px!important;
  background:linear-gradient(155deg,#2A201D,#201A18)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 20px 42px rgba(0,0,0,.18)!important;
}
.eclipse-contact-form input,
.eclipse-contact-form textarea{
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.eclipse-contact-form input:focus,
.eclipse-contact-form textarea:focus{
  outline:none!important;
  border-color:rgba(217,30,44,.55)!important;
  box-shadow:0 0 0 3px rgba(217,30,44,.08)!important;
  background:#181310!important;
}

/* ------------------------------------------------
   REVEAL - one animation system
   ------------------------------------------------ */
.eclipse-reveal-v18{
  opacity:0!important;
  transform:translateY(24px)!important;
  transition:
    opacity .56s ease var(--eclipse-delay,0ms),
    transform .56s cubic-bezier(.2,.75,.2,1) var(--eclipse-delay,0ms)!important;
}
.eclipse-reveal-v18.is-visible{
  opacity:1!important;
  transform:none!important;
}

/* ------------------------------------------------
   Responsive / performance
   ------------------------------------------------ */
@media(max-width:767px){
  .admin-bar .eclipse-scroll-progress{top:46px}
  .eclipse-marquee-group-v18{
    gap:14px!important;
    font-size:10px!important;
  }
  .eclipse-cat-main-title-v18 .elementor-heading-title{
    font-size:clamp(2.5rem,11.5vw,3.9rem)!important;
  }
  .eclipse-carta-filters-v18{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    width:100%!important;
    border-radius:13px!important;
    scrollbar-width:none!important;
  }
  .eclipse-carta-filters-v18::-webkit-scrollbar{display:none!important}
  .eclipse-carta-filters-v18 .eclipse-filter-btn{
    flex:0 0 auto!important;
  }
  .eclipse-single-main-v18{gap:28px!important}
  .eclipse-single-info-v18{padding:20px!important}
  .eclipse-about-brand-strip-v18{
    gap:12px!important;
    justify-content:center!important;
  }
  .eclipse-contact-quick-v18{
    flex-direction:column!important;
  }
  .eclipse-contact-quick-v18 .elementor-widget-button,
  .eclipse-contact-quick-v18 .elementor-button{
    width:100%!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .eclipse-marquee-track-v18{animation:none!important}
  .eclipse-cat-main-title-v18 .elementor-heading-title::after{animation:none!important}
  .eclipse-reveal-v18{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}




/* ==============================================================
   ECLIPSE 1.9 · ENTRADAS DIRECCIONALES + MOBILE + HOVER SIN LAG
   ============================================================== */

:root{
  --e19-red:#D91E2C;
  --e19-coral:#F06A4B;
  --e19-gold:#E7B55B;
  --e19-olive:#879753;
  --e19-panel:#241D1A;
  --e19-line:rgba(255,255,255,.10);
}

/* -------- ELIMINA EL RETARDO HEREDADO DE VERSIONES ANTERIORES -------- */
.eclipse-cat-card-v19,
.eclipse-cat-card-v19 *,
.eclipse-best-card-v19,
.eclipse-best-card-v19 *,
.eclipse-cat-view-all-v19,
.eclipse-cat-view-all-v19 *,
.eclipse-carta-filters-v19 *,
.eclipse-about-card-v19,
.eclipse-contact-card-v19{
  transition-delay:0s!important;
}

/* -------- ENTRADAS UNA SOLA VEZ, DESPUÉS NO AFECTAN AL HOVER -------- */
.eclipse-pre-enter-v19{
  opacity:0!important;
  visibility:hidden!important;
}
.eclipse-animate-left-v19{
  visibility:visible!important;
  animation:e19FromLeft .55s cubic-bezier(.2,.75,.2,1) both!important;
}
.eclipse-animate-right-v19{
  visibility:visible!important;
  animation:e19FromRight .55s cubic-bezier(.2,.75,.2,1) both!important;
}
.eclipse-animate-top-v19{
  visibility:visible!important;
  animation:e19FromTop .55s cubic-bezier(.2,.75,.2,1) both!important;
}
.eclipse-animate-bottom-v19{
  visibility:visible!important;
  animation:e19FromBottom .55s cubic-bezier(.2,.75,.2,1) both!important;
}
.eclipse-entry-done-v19{
  opacity:1!important;
  visibility:visible!important;
  animation:none!important;
}
@keyframes e19FromLeft{
  from{opacity:0;transform:translate3d(-54px,0,0)}
  to{opacity:1;transform:none}
}
@keyframes e19FromRight{
  from{opacity:0;transform:translate3d(54px,0,0)}
  to{opacity:1;transform:none}
}
@keyframes e19FromTop{
  from{opacity:0;transform:translate3d(0,-42px,0)}
  to{opacity:1;transform:none}
}
@keyframes e19FromBottom{
  from{opacity:0;transform:translate3d(0,42px,0)}
  to{opacity:1;transform:none}
}

/* -------- HOME: LAS 6 CATEGORÍAS -------- */
.eclipse-home-cat-grid-v19{
  gap:20px!important;
}
.eclipse-cat-card-v19{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:15px!important;
  background:
    linear-gradient(160deg,rgba(255,255,255,.018),transparent 52%),
    #211A18!important;
  box-shadow:0 14px 26px rgba(0,0,0,.12)!important;
  cursor:pointer!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.eclipse-cat-card-v19:hover{
  transform:translateY(-7px)!important;
  border-color:var(--cat-accent)!important;
  box-shadow:0 19px 34px rgba(0,0,0,.22)!important;
}
.eclipse-cat-card-v19 .eclipse-home-cat-image{
  overflow:hidden!important;
}
.eclipse-cat-card-v19 img{
  transition:transform .26s ease,filter .26s ease!important;
}
.eclipse-cat-card-v19:hover img{
  transform:scale(1.045)!important;
  filter:saturate(1.10) contrast(1.02)!important;
}
.eclipse-cat-card-v19 .eclipse-cat-explore-v18 a{
  display:inline-flex!important;
  width:auto!important;
  padding:7px 0!important;
  color:var(--cat-accent)!important;
  text-decoration:none!important;
  transition:transform .16s ease,color .16s ease!important;
}
.eclipse-cat-card-v19:hover .eclipse-cat-explore-v18 a{
  transform:translateX(5px)!important;
  color:#fff!important;
}

/* View carta completa: UNA sola píldora, sin aro doble */
.eclipse-cat-view-all-v19,
.eclipse-cat-view-all-v19 .elementor-widget-container,
.eclipse-cat-view-all-v19 .elementor-heading-title{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  border-radius:0!important;
}
.eclipse-cat-view-all-v19 .elementor-heading-title::before,
.eclipse-cat-view-all-v19 .elementor-heading-title::after{
  display:none!important;
}
.eclipse-cat-view-all-v19 a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:11px 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(240,106,75,.28)!important;
  background:rgba(217,30,44,.08)!important;
  box-shadow:none!important;
  color:#FFF3EA!important;
  text-decoration:none!important;
  transform:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
.eclipse-cat-view-all-v19 a:hover{
  background:var(--e19-red)!important;
  border-color:var(--e19-red)!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:none!important;
}

/* -------- MÁS PEDIDAS: SEPARACIÓN VISIBLE -------- */
.eclipse-home-best-v19{
  padding-top:78px!important;
  padding-bottom:84px!important;
  background:
    radial-gradient(circle at 92% 5%,rgba(240,106,75,.20),transparent 26rem),
    linear-gradient(135deg,#45181C,#2A1717 48%,#191513)!important;
}
.eclipse-best-grid-v19{
  gap:24px!important;
  align-items:stretch!important;
}
.eclipse-best-card-v19{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:17px!important;
  background:linear-gradient(160deg,#2B201D,#1E1816)!important;
  box-shadow:0 16px 30px rgba(0,0,0,.18)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.eclipse-best-card-v19::before{
  content:"";
  position:absolute;
  z-index:6;
  left:0;top:0;right:0;
  height:4px;
  background:var(--best-top,var(--e19-red));
}
.eclipse-best-sep-1{--best-top:#E22B37}
.eclipse-best-sep-2{--best-top:#E47A43}
.eclipse-best-sep-3{--best-top:#E7B55B}
.eclipse-best-card-v19:hover{
  transform:translateY(-6px)!important;
  border-color:color-mix(in srgb,var(--best-top) 55%,rgba(255,255,255,.1))!important;
  box-shadow:0 22px 38px rgba(0,0,0,.24)!important;
}
.eclipse-best-card-v19 .eclipse-best-body{
  padding:20px 20px 22px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.eclipse-best-card-v19 .eclipse-best-img-v17 img{
  height:230px!important;
  object-fit:cover!important;
  transition:transform .24s ease,filter .24s ease!important;
}
.eclipse-best-card-v19:hover .eclipse-best-img-v17 img{
  transform:scale(1.035)!important;
  filter:saturate(1.07)!important;
}
.eclipse-best-card-v19 .eclipse-best-bottom{
  margin-top:18px!important;
  padding-top:16px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.eclipse-best-card-v19 .eclipse-best-button-v18 .elementor-button{
  transition:background-color .15s ease,transform .15s ease!important;
}
.eclipse-best-card-v19 .eclipse-best-button-v18 .elementor-button:hover{
  transform:translateY(-2px)!important;
}

/* -------- CARTA: ACTIVE PILL SIN SOMBRA CUADRADA -------- */
.eclipse-carta-filters-v19{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  width:fit-content!important;
  max-width:100%!important;
  padding:6px!important;
  border-radius:999px!important;
  background:#211B19!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
}
.eclipse-carta-filters-v19 .eclipse-filter-btn,
.eclipse-carta-filters-v19 .eclipse-filter-btn:hover,
.eclipse-carta-filters-v19 .eclipse-filter-btn.is-active,
.eclipse-carta-filters-v19 .eclipse-filter-btn.eclipse-filter-active{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  border-radius:999px!important;
}
.eclipse-carta-filters-v19 .eclipse-filter-btn::before,
.eclipse-carta-filters-v19 .eclipse-filter-btn::after,
.eclipse-carta-filters-v19 .elementor-widget-container::before,
.eclipse-carta-filters-v19 .elementor-widget-container::after{
  display:none!important;
}
.eclipse-carta-filters-v19 .elementor-button{
  display:inline-flex!important;
  min-height:38px!important;
  padding:9px 17px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#F0E6DE!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease!important;
}
.eclipse-carta-filters-v19 .elementor-button:hover{
  background:rgba(217,30,44,.12)!important;
  border-color:rgba(217,30,44,.20)!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
.eclipse-carta-filters-v19 .eclipse-filter-btn.is-active .elementor-button,
.eclipse-carta-filters-v19 .elementor-button.is-active{
  background:linear-gradient(135deg,#DF2432,#B90E1A)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 6px 15px rgba(217,30,44,.15)!important;
}
.eclipse-filter-pop-v19{
  animation:e19FilterPop .24s ease both!important;
}
@keyframes e19FilterPop{
  from{opacity:.35;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
.eclipse-carta-section-v19{
  border-left:0!important;
}
.eclipse-carta-section-v19::before{display:none!important}

/* Product list hover is immediate and cheap */
.woocommerce ul.products li.product{
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 15px 28px rgba(0,0,0,.18)!important;
}

/* -------- SOBRE NOSOTROS -------- */
.eclipse-about-hero-v19{
  background:
    radial-gradient(circle at 87% 20%,rgba(217,30,44,.17),transparent 25rem),
    radial-gradient(circle at 8% 100%,rgba(231,181,91,.08),transparent 20rem),
    linear-gradient(135deg,#291716,#181413)!important;
}
.eclipse-about-brand-strip-v19{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,#A9101C,#DE593B 56%,#B1843B)!important;
}
.eclipse-about-brand-strip-v19::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.10) 48%,transparent 64%);
  transform:translateX(-120%);
  animation:e19BrandSweep 5.5s ease-in-out infinite!important;
}
@keyframes e19BrandSweep{
  0%,55%,100%{transform:translateX(-120%)}
  75%{transform:translateX(120%)}
}
.eclipse-about-story-v19{
  position:relative!important;
  background:
    radial-gradient(circle at 8% 50%,rgba(231,181,91,.08),transparent 22rem),
    #191513!important;
}
.eclipse-about-story-v19 .eclipse-about-img{
  overflow:hidden!important;
  border-radius:16px!important;
  box-shadow:0 20px 40px rgba(0,0,0,.20)!important;
}
.eclipse-about-story-v19 img{
  transition:transform .24s ease!important;
}
.eclipse-about-story-v19:hover img{transform:scale(1.025)!important}
.eclipse-about-values-v19{
  gap:18px!important;
  background:linear-gradient(135deg,#2A1817,#1A1614)!important;
}
.eclipse-about-card-v19{
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(160deg,#29211E,#201A18)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.eclipse-about-card-v19:nth-child(1){border-top:3px solid var(--e19-red)!important}
.eclipse-about-card-v19:nth-child(2){border-top:3px solid var(--e19-gold)!important}
.eclipse-about-card-v19:nth-child(3){border-top:3px solid var(--e19-olive)!important}
.eclipse-about-card-v19:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 18px 32px rgba(0,0,0,.18)!important;
}
.eclipse-about-takeaway-v19{
  background:
    radial-gradient(circle at 16% 45%,rgba(217,30,44,.14),transparent 23rem),
    linear-gradient(115deg,#40171C,#241817 56%,#181513)!important;
}
.eclipse-about-local-v19{
  border-top:1px solid rgba(231,181,91,.18)!important;
  background:
    linear-gradient(90deg,rgba(135,151,83,.08),transparent 42%),
    #181513!important;
}

/* -------- CONTACTO -------- */
.eclipse-contact-hero-v19{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 85% 18%,rgba(217,30,44,.18),transparent 24rem),
    radial-gradient(circle at 5% 100%,rgba(231,181,91,.08),transparent 21rem),
    linear-gradient(135deg,#2C1817,#191514)!important;
}
.eclipse-contact-hero-v19::before{
  content:"";
  position:absolute;
  width:340px;height:340px;
  right:-180px;top:-130px;
  border-radius:50%;
  border:1px solid rgba(231,181,91,.10);
  box-shadow:0 0 0 58px rgba(217,30,44,.025),0 0 0 116px rgba(231,181,91,.018);
  pointer-events:none;
}
.eclipse-contact-quick-v19 .elementor-button{
  border-radius:999px!important;
  transition:transform .15s ease,filter .15s ease!important;
}
.eclipse-contact-quick-v19 .elementor-button:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.06)!important;
}
.eclipse-contact-cards-v19{
  gap:18px!important;
  background:#191513!important;
}
.eclipse-contact-card-v19{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  background:linear-gradient(160deg,#29211E,#201A18)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.eclipse-contact-card-v19::after{
  position:absolute;
  right:17px;top:13px;
  color:rgba(255,255,255,.055);
  font-family:"Fraunces",serif;
  font-size:56px;
  line-height:1;
}
.eclipse-contact-card-1::after{content:"01"}
.eclipse-contact-card-2::after{content:"02"}
.eclipse-contact-card-3::after{content:"03"}
.eclipse-contact-card-v19:nth-child(1){border-top:3px solid var(--e19-red)!important}
.eclipse-contact-card-v19:nth-child(2){border-top:3px solid var(--e19-gold)!important}
.eclipse-contact-card-v19:nth-child(3){border-top:3px solid var(--e19-olive)!important}
.eclipse-contact-card-v19:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 18px 32px rgba(0,0,0,.19)!important;
}
.eclipse-contact-pickup-v19{
  background:
    radial-gradient(circle at 12% 50%,rgba(135,151,83,.11),transparent 22rem),
    linear-gradient(135deg,#202017,#191513 54%,#2A171B)!important;
}
.eclipse-contact-pickup-v19 .eclipse-contact-map-card{
  overflow:hidden!important;
  border:1px solid rgba(231,181,91,.25)!important;
  border-radius:16px!important;
  box-shadow:0 18px 34px rgba(0,0,0,.18)!important;
}
.eclipse-contact-form-v19{
  background:
    radial-gradient(circle at 90% 45%,rgba(217,30,44,.10),transparent 22rem),
    #191513!important;
}

/* -------- PRODUCTO -------- */
.single-product .sku_wrapper,
.single-product .product_meta .sku_wrapper,
.eclipse-single-meta .sku_wrapper{
  display:none!important;
}
.eclipse-single-main-v19{
  gap:46px!important;
}
.eclipse-single-info-v18{
  border-color:rgba(217,30,44,.13)!important;
}

/* ==============================================================
   MOBILE / TABLET
   ============================================================== */
@media(max-width:1024px){
  .eclipse-header-inner{
    max-width:100%!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .eclipse-home-cat-grid-v19{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  .eclipse-home-cat-grid-v19 > .e-con{
    width:100%!important;
    max-width:none!important;
  }
  .eclipse-best-grid-v19{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  .eclipse-best-grid-v19 > .e-con{
    width:100%!important;
    max-width:none!important;
  }
}

@media(max-width:767px){
  html,body{overflow-x:hidden!important}
  .admin-bar .eclipse-scroll-progress{top:46px!important}

  /* Header móvil */
  .eclipse-header{
    position:relative!important;
  }
  .eclipse-header-inner{
    min-height:66px!important;
    padding:10px 16px!important;
    gap:10px!important;
    justify-content:space-between!important;
  }
  .eclipse-logo{
    width:116px!important;
    min-width:116px!important;
  }
  .eclipse-logo img{
    max-width:116px!important;
  }
  .eclipse-main-nav{
    position:static!important;
    order:3!important;
  }
  .eclipse-main-nav__toggle{
    display:inline-flex!important;
    min-height:40px!important;
    padding:8px 12px!important;
    border-radius:999px!important;
    background:#221A18!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#fff!important;
  }
  .eclipse-main-nav__list{
    position:absolute!important;
    z-index:9999!important;
    top:calc(100% + 1px)!important;
    left:12px!important;
    right:12px!important;
    display:none!important;
    padding:10px!important;
    border-radius:14px!important;
    background:#171210!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 18px 38px rgba(0,0,0,.30)!important;
  }
  .eclipse-main-nav.is-open .eclipse-main-nav__list{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
  }
  .eclipse-main-nav__list li,
  .eclipse-main-nav__list a{
    width:100%!important;
  }
  .eclipse-main-nav__list a{
    padding:12px 14px!important;
  }
  .eclipse-order-button{
    width:auto!important;
    margin-left:auto!important;
  }
  .eclipse-order-button .elementor-button{
    min-height:40px!important;
    padding:9px 13px!important;
    font-size:10px!important;
  }

  /* Hero Home */
  .eclipse-home-hero-v18,
  .eclipse-home-hero-v19{
    min-height:620px!important;
    background-position:58% 50%!important;
  }
  .eclipse-hero-content{
    width:100%!important;
    max-width:none!important;
    padding:0 20px!important;
  }
  .eclipse-home-hero h1{
    font-size:clamp(2.75rem,12vw,4rem)!important;
    line-height:.96!important;
  }
  .eclipse-home-hero .e-con-inner,
  .eclipse-home-hero > .e-con{
    width:100%!important;
  }

  /* Categorías: una columna, grande y centrada */
  .eclipse-home-categories-v19{
    padding:50px 18px 56px!important;
  }
  .eclipse-home-categories-v19 > .e-con{
    width:100%!important;
    max-width:none!important;
  }
  .eclipse-cat-main-title-v18 .elementor-heading-title{
    font-size:clamp(2.45rem,11vw,3.75rem)!important;
  }
  .eclipse-home-cat-grid-v19{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
  }
  .eclipse-home-cat-grid-v19 > .e-con{
    width:100%!important;
    max-width:none!important;
  }
  .eclipse-cat-card-v19 img{
    width:100%!important;
    height:230px!important;
    min-height:0!important;
    object-fit:cover!important;
  }
  .eclipse-cat-view-all-v19{
    margin-top:14px!important;
  }

  /* Más pedidas */
  .eclipse-home-best-v19{
    padding:54px 18px 60px!important;
  }
  .eclipse-best-grid-v19{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    width:100%!important;
  }
  .eclipse-best-grid-v19 > .e-con{
    width:100%!important;
    max-width:none!important;
  }
  .eclipse-best-card-v19 .eclipse-best-img-v17 img{
    width:100%!important;
    height:230px!important;
    object-fit:cover!important;
  }

  /* Carta filtros horizontal y limpio */
  .eclipse-carta-hero-v18{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .eclipse-carta-filters-v19{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    padding:6px!important;
    border-radius:14px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .eclipse-carta-filters-v19::-webkit-scrollbar{display:none!important}
  .eclipse-carta-filters-v19 .eclipse-filter-btn{
    flex:0 0 auto!important;
    width:auto!important;
  }
  .eclipse-carta-filters-v19 .elementor-button{
    white-space:nowrap!important;
  }
  .eclipse-carta-section-v19{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .woocommerce ul.products{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .woocommerce ul.products li.product{
    width:100%!important;
    margin:0!important;
  }

  /* Product */
  .eclipse-single-main-v19{
    display:flex!important;
    flex-direction:column!important;
    gap:22px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .eclipse-single-main-v19 > .e-con{
    width:100%!important;
    max-width:none!important;
  }
  .eclipse-single-info-v18{
    padding:18px!important;
  }

  /* About */
  .eclipse-about-hero-v19,
  .eclipse-about-story-v19,
  .eclipse-about-values-v19,
  .eclipse-about-takeaway-v19,
  .eclipse-about-local-v19{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .eclipse-about-brand-strip-v19{
    padding:15px 18px!important;
    gap:10px!important;
    justify-content:center!important;
  }
  .eclipse-about-brand-strip-v19 .eclipse-about-word{
    width:auto!important;
  }
  .eclipse-about-story-v19{
    flex-direction:column!important;
    gap:26px!important;
  }
  .eclipse-about-story-v19 > .e-con{
    width:100%!important;
    max-width:none!important;
  }
  .eclipse-about-values-v19{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
  }
  .eclipse-about-values-v19 > .e-con{
    width:100%!important;
    max-width:none!important;
  }
  .eclipse-about-takeaway-v19 .eclipse-about-pickup{
    flex-direction:column!important;
    gap:24px!important;
  }
  .eclipse-about-takeaway-v19 .eclipse-about-pickup > .e-con{
    width:100%!important;
    max-width:none!important;
  }

  /* Contact */
  .eclipse-contact-hero-v19,
  .eclipse-contact-cards-v19,
  .eclipse-contact-pickup-v19,
  .eclipse-contact-form-v19{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .eclipse-contact-quick-v19{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  .eclipse-contact-quick-v19 .elementor-widget-button,
  .eclipse-contact-quick-v19 .elementor-button{
    width:100%!important;
  }
  .eclipse-contact-cards-v19{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
  }
  .eclipse-contact-cards-v19 > .e-con{
    width:100%!important;
    max-width:none!important;
  }
  .eclipse-contact-pickup-v19{
    flex-direction:column!important;
    gap:16px!important;
  }
  .eclipse-contact-pickup-v19 > .e-con{
    width:100%!important;
    max-width:none!important;
  }
  .eclipse-contact-form-wrap{
    width:100%!important;
    max-width:none!important;
    padding:20px!important;
  }
}

@media(max-width:390px){
  .eclipse-logo{width:102px!important;min-width:102px!important}
  .eclipse-logo img{max-width:102px!important}
  .eclipse-order-button .elementor-button{padding:8px 10px!important}
  .eclipse-home-hero h1{font-size:2.65rem!important}
  .eclipse-cat-main-title-v18 .elementor-heading-title{font-size:2.55rem!important}
}

@media(prefers-reduced-motion:reduce){
  .eclipse-pre-enter-v19{
    opacity:1!important;
    visibility:visible!important;
  }
  .eclipse-animate-left-v19,
  .eclipse-animate-right-v19,
  .eclipse-animate-top-v19,
  .eclipse-animate-bottom-v19,
  .eclipse-about-brand-strip-v19::after{
    animation:none!important;
  }
}




/* =====================================================================
   ECLIPSE 2.1 SAFE
   Built on 1.9: no missing callbacks, native Woo mini-cart drawer.
   ===================================================================== */
:root{
  --e21-red:#D91E2C;--e21-red2:#AD0D19;--e21-tomato:#F06445;--e21-gold:#E7B55B;
  --e21-olive:#879753;--e21-cream:#FFF1E6;--e21-wine:#48171E;--e21-panel:#251D1A;
}

/* One-shot entrances; once finished they no longer participate in hover. */
.eclipse-v21-pre{opacity:0!important;visibility:hidden!important}
.eclipse-v21-left,.eclipse-v21-right,.eclipse-v21-top,.eclipse-v21-bottom{visibility:visible!important;animation-duration:.62s!important;animation-timing-function:cubic-bezier(.18,.78,.2,1)!important;animation-fill-mode:both!important;animation-delay:var(--e21-delay,0ms)!important}
.eclipse-v21-left{animation-name:e21Left!important}.eclipse-v21-right{animation-name:e21Right!important}.eclipse-v21-top{animation-name:e21Top!important}.eclipse-v21-bottom{animation-name:e21Bottom!important}
.eclipse-v21-done{opacity:1!important;visibility:visible!important;animation:none!important}
@keyframes e21Left{from{opacity:0;transform:translate3d(-64px,0,0)}to{opacity:1;transform:none}}
@keyframes e21Right{from{opacity:0;transform:translate3d(64px,0,0)}to{opacity:1;transform:none}}
@keyframes e21Top{from{opacity:0;transform:translate3d(0,-50px,0)}to{opacity:1;transform:none}}
@keyframes e21Bottom{from{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:none}}

/* ---------- CART DRAWER ---------- */
.eclipse-cart-is-open{overflow:hidden!important}
.eclipse-cart-drawer__overlay{position:fixed!important;inset:0!important;z-index:999970!important;background:rgba(5,4,3,.45)!important;backdrop-filter:blur(2px)!important;opacity:0!important;visibility:hidden!important;transition:opacity .22s ease,visibility .22s ease!important}
.eclipse-cart-drawer__overlay.is-open{opacity:1!important;visibility:visible!important}
.eclipse-cart-drawer{position:fixed!important;z-index:999980!important;top:0!important;right:0!important;bottom:0!important;width:min(430px,92vw)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;transform:translate3d(104%,0,0)!important;background:radial-gradient(circle at 100% 0%,rgba(217,30,44,.13),transparent 18rem),linear-gradient(165deg,#261C19,#161210 66%)!important;border-left:1px solid rgba(255,255,255,.10)!important;box-shadow:-25px 0 60px rgba(0,0,0,.38)!important;transition:transform .32s cubic-bezier(.2,.78,.2,1)!important}
.eclipse-cart-drawer.is-open{transform:none!important}.admin-bar .eclipse-cart-drawer{top:32px!important}
.eclipse-cart-drawer__head{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:94px!important;padding:21px 22px 17px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(90deg,rgba(217,30,44,.13),transparent)!important}
.eclipse-cart-drawer__eyebrow{display:block!important;margin-bottom:3px!important;color:#EF9E6A!important;font-size:9px!important;font-weight:800!important;letter-spacing:.17em!important}.eclipse-cart-drawer__head h2{margin:0!important;color:#FFF2E7!important;font-family:"Fraunces",serif!important;font-size:32px!important;line-height:1!important}
.eclipse-cart-drawer__close{display:grid!important;place-items:center!important;width:41px!important;height:41px!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.13)!important;background:#261C19!important;color:#fff!important;font-size:25px!important;line-height:1!important;cursor:pointer!important;transition:transform .15s ease,background-color .15s ease!important}.eclipse-cart-drawer__close:hover{transform:rotate(8deg)!important;background:rgba(217,30,44,.18)!important}
.eclipse-cart-drawer__inner{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:0 20px 20px!important;scrollbar-width:thin!important;scrollbar-color:#64302C transparent!important}
.eclipse-cart-drawer .woocommerce-mini-cart{margin:0!important;padding:5px 0 0!important;list-style:none!important}
.eclipse-cart-drawer .woocommerce-mini-cart-item{position:relative!important;display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;gap:13px!important;min-height:102px!important;padding:15px 34px 15px 0!important;border-bottom:1px solid rgba(255,255,255,.085)!important;background:transparent!important;color:#A99C94!important}
.eclipse-cart-drawer .woocommerce-mini-cart-item > a:not(.remove){display:contents!important;color:#FFF0E5!important;text-decoration:none!important;font-family:"Fraunces",serif!important;font-weight:700!important}
.eclipse-cart-drawer .woocommerce-mini-cart-item img{grid-column:1!important;grid-row:1 / span 4!important;width:78px!important;height:78px!important;margin:0!important;border-radius:11px!important;object-fit:cover!important;background:#0E0B0A!important;transition:transform .19s ease!important}.eclipse-cart-drawer .woocommerce-mini-cart-item:hover img{transform:scale(1.04)!important}
.eclipse-cart-drawer .woocommerce-mini-cart-item .remove{position:absolute!important;right:1px!important;top:15px!important;display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.11)!important;background:rgba(255,255,255,.02)!important;color:#E47868!important;font-size:17px!important;text-decoration:none!important}.eclipse-cart-drawer .woocommerce-mini-cart-item .remove:hover{background:var(--e21-red)!important;border-color:var(--e21-red)!important;color:#fff!important}
.eclipse-cart-drawer .variation{grid-column:2!important;margin:5px 0 0!important;padding:0!important;color:#9C8E86!important;font-size:10px!important;line-height:1.35!important}.eclipse-cart-drawer .variation dt,.eclipse-cart-drawer .variation dd{display:inline!important;float:none!important;margin:0 4px 0 0!important;padding:0!important}.eclipse-cart-drawer .variation p{display:inline!important;margin:0!important}
.eclipse-cart-drawer .quantity{grid-column:2!important;display:block!important;margin-top:7px!important;color:#E9B964!important;font-size:11px!important;font-weight:700!important}
.eclipse-cart-drawer .woocommerce-mini-cart__total{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:17px 0 0!important;padding:15px 0 8px!important;border-top:1px solid rgba(255,255,255,.10)!important;color:#B8AAA2!important}.eclipse-cart-drawer .woocommerce-mini-cart__total strong{color:#FFF0E5!important;font-size:12px!important}.eclipse-cart-drawer .woocommerce-mini-cart__total .woocommerce-Price-amount{color:#F1C16E!important;font-family:"Fraunces",serif!important;font-size:22px!important;font-weight:700!important}
.eclipse-cart-drawer .woocommerce-mini-cart__buttons{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin:9px 0 0!important}.eclipse-cart-drawer .woocommerce-mini-cart__buttons .button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:47px!important;margin:0!important;padding:11px 16px!important;border-radius:999px!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important;transition:transform .15s ease,filter .15s ease!important}.eclipse-cart-drawer .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout){background:#2A211E!important;border:1px solid rgba(255,255,255,.12)!important;color:#E9DED6!important}.eclipse-cart-drawer .woocommerce-mini-cart__buttons .checkout{background:linear-gradient(135deg,#DE2231,#B70D19)!important;color:#fff!important;box-shadow:0 10px 22px rgba(217,30,44,.17)!important}.eclipse-cart-drawer .woocommerce-mini-cart__buttons .button:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important}
.eclipse-cart-drawer .woocommerce-mini-cart__empty-message{margin:80px 20px!important;text-align:center!important;color:#B3A49C!important}
.eclipse-cart-empty-state{display:grid!important;place-items:center!important;min-height:64vh!important;padding:42px 25px!important;text-align:center!important}.eclipse-cart-empty-state__mark{display:grid!important;place-items:center!important;width:66px!important;height:66px!important;margin-bottom:15px!important;border-radius:50%!important;background:rgba(217,30,44,.13)!important;border:1px solid rgba(217,30,44,.27)!important;color:#F06A4B!important;font-family:"Fraunces",serif!important;font-size:28px!important;font-weight:800!important}.eclipse-cart-empty-state strong{color:#FFF0E5!important;font-family:"Fraunces",serif!important;font-size:23px!important}.eclipse-cart-empty-state p{max-width:290px!important;color:#A99A92!important;font-size:12px!important;line-height:1.5!important}.eclipse-cart-drawer__primary{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:250px!important;min-height:46px!important;margin-top:9px!important;border-radius:999px!important;background:var(--e21-red)!important;color:#fff!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important}
.eclipse-cart-open-button-v21 .elementor-button{position:relative!important;padding-right:23px!important}.eclipse-cart-count-badge{position:absolute!important;right:-7px!important;top:-7px!important;display:grid!important;place-items:center!important;min-width:21px!important;height:21px!important;padding:0 5px!important;border-radius:999px!important;background:var(--e21-gold)!important;border:2px solid #100C0A!important;color:#17100D!important;font-size:10px!important;font-weight:850!important;line-height:1!important}.eclipse-cart-count-badge[hidden]{display:none!important}
.eclipse-cart-mobile-trigger{display:none!important;position:fixed!important;right:15px!important;bottom:15px!important;z-index:999900!important;align-items:center!important;gap:7px!important;min-height:47px!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:999px!important;background:linear-gradient(135deg,#D91E2C,#B20D19)!important;color:#fff!important;box-shadow:0 14px 32px rgba(0,0,0,.27)!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important}.eclipse-cart-mobile-trigger__count{display:grid!important;place-items:center!important;min-width:21px!important;height:21px!important;padding:0 4px!important;border-radius:999px!important;background:#F1C16E!important;color:#17100D!important;font-size:10px!important}

/* ---------- HOME CATEGORIES ---------- */
.eclipse-home-categories-v21{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 7% 8%,rgba(217,30,44,.23),transparent 27rem),radial-gradient(circle at 94% 84%,rgba(231,181,91,.14),transparent 27rem),linear-gradient(145deg,#2D1715,#1C1614 52%,#171413)!important}
.eclipse-home-categories-v21::after{content:"";position:absolute!important;inset:0!important;pointer-events:none!important;opacity:.16!important;background-image:linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.03) 75%),linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.03) 75%)!important;background-size:36px 36px!important;background-position:0 0,18px 18px!important;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)!important}
.eclipse-home-cat-grid-v21{position:relative!important;z-index:2!important;gap:20px!important}.eclipse-cat-card-v21{position:relative!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:17px!important;background:linear-gradient(160deg,rgba(255,255,255,.025),transparent 46%),#221A18!important;box-shadow:0 16px 30px rgba(0,0,0,.14)!important;cursor:pointer!important;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease!important;transition-delay:0s!important}.eclipse-cat-card-v21:hover{transform:translateY(-7px)!important;border-color:var(--cat-accent)!important;box-shadow:0 22px 40px rgba(0,0,0,.23)!important}.eclipse-cat-card-v21 img{transition:transform .24s ease,filter .24s ease!important;transition-delay:0s!important}.eclipse-cat-card-v21:hover img{transform:scale(1.05)!important;filter:saturate(1.12) contrast(1.025)!important}.eclipse-cat-card-v21 > .e-con:last-child{padding:17px 18px 20px!important}.eclipse-cat-card-v21 > .e-con:last-child::after{content:"";position:absolute!important;left:18px!important;right:18px!important;bottom:0!important;height:2px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--cat-accent),transparent)!important;opacity:.7!important}
.eclipse-cat-view-all-v21,.eclipse-cat-view-all-v21 *{box-shadow:none!important;outline:0!important;transition-delay:0s!important}.eclipse-cat-view-all-v21 .elementor-heading-title{padding:0!important;border:0!important;background:transparent!important}.eclipse-cat-view-all-v21 .elementor-heading-title::before,.eclipse-cat-view-all-v21 .elementor-heading-title::after{display:none!important}.eclipse-cat-view-all-v21 a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:45px!important;padding:11px 18px!important;border-radius:999px!important;border:1px solid rgba(240,100,69,.28)!important;background:rgba(217,30,44,.09)!important;color:#FFF0E6!important;text-decoration:none!important;box-shadow:none!important;transition:transform .14s ease,background-color .14s ease,border-color .14s ease!important}.eclipse-cat-view-all-v21 a:hover{transform:translateY(-2px)!important;background:var(--e21-red)!important;border-color:var(--e21-red)!important}

/* ---------- BEST SELLERS ---------- */
.eclipse-home-best-v21{position:relative!important;overflow:hidden!important;padding-top:80px!important;padding-bottom:88px!important;background:radial-gradient(circle at 91% 5%,rgba(240,100,69,.24),transparent 27rem),radial-gradient(circle at 6% 93%,rgba(231,181,91,.12),transparent 23rem),linear-gradient(135deg,#4A171E,#2A1718 47%,#181413)!important}.eclipse-best-grid-v21{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;width:100%!important;margin-top:35px!important}.eclipse-best-grid-v21>.e-con{width:100%!important;max-width:none!important}.eclipse-best-card-v21{position:relative!important;overflow:hidden!important;min-height:100%!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;background:linear-gradient(160deg,#2D211E,#1E1816)!important;box-shadow:0 18px 36px rgba(0,0,0,.20)!important;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease!important;transition-delay:0s!important}.eclipse-best-card-v21::after{content:"";position:absolute!important;left:0!important;right:0!important;top:0!important;height:5px!important;background:var(--best-accent)!important}.eclipse-best-card-v21:nth-child(1){--best-accent:#E22B37}.eclipse-best-card-v21:nth-child(2){--best-accent:#E27942}.eclipse-best-card-v21:nth-child(3){--best-accent:#E7B55B}.eclipse-best-card-v21:hover{transform:translateY(-6px)!important;border-color:var(--best-accent)!important;box-shadow:0 25px 46px rgba(0,0,0,.27)!important}.eclipse-best-card-v21 .eclipse-best-img-v17 img{height:225px!important;object-fit:cover!important;transition:transform .22s ease,filter .22s ease!important}.eclipse-best-card-v21:hover .eclipse-best-img-v17 img{transform:scale(1.035)!important;filter:saturate(1.08)!important}.eclipse-best-card-v21 .eclipse-best-body{padding:21px 20px 23px!important;border-top:1px solid rgba(255,255,255,.08)!important}.eclipse-best-card-v21 .eclipse-best-bottom{margin-top:18px!important;padding-top:16px!important;border-top:1px solid rgba(255,255,255,.09)!important}

/* ---------- CARTA FILTER: aggressive reset of the square hover ---------- */
body .eclipse-carta-filters-v21{display:flex!important;flex-wrap:wrap!important;gap:7px!important;width:fit-content!important;max-width:100%!important;padding:6px!important;border-radius:999px!important;background:#211A18!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 10px 23px rgba(0,0,0,.10)!important}
body .eclipse-carta-filters-v21 .eclipse-filter-btn,body .eclipse-carta-filters-v21 .eclipse-filter-btn:hover,body .eclipse-carta-filters-v21 .eclipse-filter-btn.is-active,body .eclipse-carta-filters-v21 .eclipse-filter-btn .elementor-widget-container,body .eclipse-carta-filters-v21 .eclipse-filter-btn:hover .elementor-widget-container,body .eclipse-carta-filters-v21 .eclipse-filter-btn.is-active .elementor-widget-container{padding:0!important;margin:0!important;border:0!important;outline:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;filter:none!important;transform:none!important;transition:none!important}
body .eclipse-carta-filters-v21 .eclipse-filter-btn::before,body .eclipse-carta-filters-v21 .eclipse-filter-btn::after,body .eclipse-carta-filters-v21 .elementor-widget-container::before,body .eclipse-carta-filters-v21 .elementor-widget-container::after{display:none!important;box-shadow:none!important}
body .eclipse-carta-filters-v21 .elementor-button{min-height:39px!important;padding:9px 17px!important;border:1px solid transparent!important;border-radius:999px!important;outline:0!important;background:transparent!important;box-shadow:none!important;filter:none!important;transform:none!important;color:#EFE5DD!important;transition:background-color .14s ease,border-color .14s ease,color .14s ease!important;transition-delay:0s!important}
body .eclipse-carta-filters-v21 .elementor-button::before,body .eclipse-carta-filters-v21 .elementor-button::after{display:none!important}
body .eclipse-carta-filters-v21 .elementor-button:hover{background:rgba(217,30,44,.13)!important;border-color:rgba(217,30,44,.19)!important;color:#fff!important;box-shadow:none!important;transform:none!important}
body .eclipse-carta-filters-v21 .eclipse-filter-btn.is-active .elementor-button,body .eclipse-carta-filters-v21 .elementor-button.is-active{background:linear-gradient(135deg,#DD2231,#B70D19)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 5px 13px rgba(217,30,44,.14)!important}
.eclipse-filter-in-v21{animation:e21Filter .24s ease both!important}@keyframes e21Filter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- ABOUT ---------- */
.eclipse-about-hero-v21{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 88% 18%,rgba(217,30,44,.20),transparent 26rem),radial-gradient(circle at 6% 96%,rgba(231,181,91,.10),transparent 23rem),linear-gradient(135deg,#311817,#181413)!important}.eclipse-about-brand-strip-v21{position:relative!important;overflow:hidden!important;background:linear-gradient(90deg,#A80D19,#DC583A 56%,#A97935)!important}.eclipse-about-brand-strip-v21::after{content:"";position:absolute!important;inset:0!important;transform:translateX(-120%)!important;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.12) 49%,transparent 66%)!important;animation:e21Sweep 5.6s ease-in-out infinite!important}@keyframes e21Sweep{0%,55%,100%{transform:translateX(-120%)}75%{transform:translateX(120%)}}
.eclipse-about-story-v21{background:radial-gradient(circle at 8% 45%,rgba(231,181,91,.08),transparent 23rem),#1A1513!important}.eclipse-about-values-v21{gap:18px!important;background:linear-gradient(135deg,#2D1918,#191513)!important}.eclipse-about-card-v21{position:relative!important;overflow:hidden!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.10)!important;background:linear-gradient(160deg,#2A211E,#201A18)!important;transition:transform .16s ease,box-shadow .16s ease!important}.eclipse-about-card-v21:nth-child(1){border-top:4px solid var(--e21-red)!important}.eclipse-about-card-v21:nth-child(2){border-top:4px solid var(--e21-gold)!important}.eclipse-about-card-v21:nth-child(3){border-top:4px solid var(--e21-olive)!important}.eclipse-about-card-v21:hover{transform:translateY(-6px)!important;box-shadow:0 19px 34px rgba(0,0,0,.19)!important}
.eclipse-about-band-v21{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 92% 50%,rgba(231,181,91,.20),transparent 21rem),linear-gradient(115deg,#B60F1A,#DA5538 54%,#A97B36)!important}.eclipse-about-band-v21::after{content:"ECLIPSE";position:absolute!important;right:-12px!important;bottom:-45px!important;color:rgba(255,255,255,.065)!important;font-family:"Fraunces",serif!important;font-size:clamp(6rem,13vw,12rem)!important;line-height:1!important}.eclipse-about-band-kicker-v21 .elementor-heading-title{color:#FFE5C1!important;font-family:"Inter Tight",sans-serif!important;font-size:10px!important;letter-spacing:.17em!important}.eclipse-about-band-title-v21 .elementor-heading-title{max-width:760px!important;margin-top:9px!important;color:#fff!important;font-size:clamp(2.5rem,4.5vw,4.7rem)!important;line-height:1!important}.eclipse-about-band-copy-v21,.eclipse-about-band-copy-v21 p{max-width:680px!important;margin:14px 0 0!important;color:#FFEBDD!important}.eclipse-about-takeaway-v21{background:radial-gradient(circle at 15% 45%,rgba(217,30,44,.17),transparent 24rem),linear-gradient(115deg,#42171D,#221716 56%,#181413)!important}.eclipse-about-local-v21{border-top:1px solid rgba(231,181,91,.18)!important;background:linear-gradient(90deg,rgba(135,151,83,.09),transparent 43%),#181413!important}

/* ---------- CONTACT ---------- */
.eclipse-contact-hero-v21{position:relative!important;overflow:hidden!important;padding-top:78px!important;padding-bottom:58px!important;background:radial-gradient(circle at 86% 20%,rgba(217,30,44,.23),transparent 27rem),radial-gradient(circle at 5% 100%,rgba(231,181,91,.10),transparent 22rem),linear-gradient(135deg,#331817,#1A1513 70%)!important}.eclipse-contact-hero-v21::after{content:"PIDE · RECOGE · DISFRUTA";position:absolute!important;right:-15px!important;bottom:-10px!important;color:rgba(255,255,255,.027)!important;font-family:"Fraunces",serif!important;font-size:clamp(4rem,9vw,9rem)!important;white-space:nowrap!important}.eclipse-contact-quick-v21{margin-top:28px!important;gap:9px!important}.eclipse-contact-quick-v21 .elementor-button{min-height:44px!important;border-radius:999px!important;transition:transform .14s ease,filter .14s ease!important}.eclipse-contact-quick-v21 .elementor-button:hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important}
.eclipse-contact-cards-v21{gap:18px!important;padding-top:58px!important;padding-bottom:58px!important;background:linear-gradient(90deg,rgba(217,30,44,.04),transparent 25%,transparent 75%,rgba(231,181,91,.035)),#1A1513!important}.eclipse-contact-card-v21{position:relative!important;overflow:hidden!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.10)!important;background:linear-gradient(160deg,#2B211E,#211A18)!important;transition:transform .16s ease,box-shadow .16s ease!important}.eclipse-contact-card-v21::after{position:absolute!important;top:10px!important;right:15px!important;color:rgba(255,255,255,.045)!important;font-family:"Fraunces",serif!important;font-size:64px!important;line-height:1!important}.eclipse-contact-card-1::after{content:"01"}.eclipse-contact-card-2::after{content:"02"}.eclipse-contact-card-3::after{content:"03"}.eclipse-contact-card-v21:nth-child(1){border-top:4px solid var(--e21-red)!important}.eclipse-contact-card-v21:nth-child(2){border-top:4px solid var(--e21-gold)!important}.eclipse-contact-card-v21:nth-child(3){border-top:4px solid var(--e21-olive)!important}.eclipse-contact-card-v21:hover{transform:translateY(-6px)!important;box-shadow:0 20px 36px rgba(0,0,0,.20)!important}
.eclipse-contact-steps-v21{gap:16px!important;background:radial-gradient(circle at 50% 100%,rgba(240,100,69,.13),transparent 25rem),linear-gradient(135deg,#49191E,#2B1817 55%,#191413)!important}.eclipse-contact-step-v21{position:relative!important;overflow:hidden!important;flex:1 1 0!important;min-width:0!important;padding:25px 24px 27px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.10)!important;background:#231C19!important}.eclipse-contact-step-v21::before{content:"";position:absolute!important;left:0!important;right:0!important;top:0!important;height:4px!important;background:var(--step-color)!important}.eclipse-contact-step-red-v21{--step-color:#DF2935}.eclipse-contact-step-gold-v21{--step-color:#E7B55B}.eclipse-contact-step-olive-v21{--step-color:#879753}.eclipse-contact-step-num-v21 .elementor-heading-title{color:var(--step-color)!important;font-family:"Inter Tight",sans-serif!important;font-size:11px!important;font-weight:800!important;letter-spacing:.14em!important}.eclipse-contact-step-title-v21 .elementor-heading-title{margin-top:10px!important;color:#FFF0E6!important;font-size:24px!important}.eclipse-contact-step-copy-v21,.eclipse-contact-step-copy-v21 p{margin:8px 0 0!important;color:#AEA198!important;font-size:12px!important;line-height:1.5!important}.eclipse-contact-pickup-v21{padding-top:60px!important;padding-bottom:60px!important;background:radial-gradient(circle at 13% 48%,rgba(135,151,83,.12),transparent 23rem),linear-gradient(135deg,#202018,#191413 55%,#2D171A)!important}.eclipse-contact-pickup-v21 .eclipse-contact-map-card{overflow:hidden!important;border-radius:17px!important;border:1px solid rgba(231,181,91,.24)!important;box-shadow:0 19px 38px rgba(0,0,0,.20)!important}.eclipse-contact-form-v21{padding-top:62px!important;padding-bottom:76px!important;background:radial-gradient(circle at 89% 43%,rgba(217,30,44,.12),transparent 24rem),#1A1513!important}

/* ---------- PRODUCT ---------- */
.single-product .sku_wrapper,.single-product .product_meta .sku_wrapper,.eclipse-single-meta .sku_wrapper{display:none!important}.eclipse-single-main-v21{gap:46px!important}.eclipse-single-info-v18{border-color:rgba(217,30,44,.14)!important;background:radial-gradient(circle at 100% 0%,rgba(217,30,44,.12),transparent 17rem),linear-gradient(160deg,#281D1A,#1B1614)!important}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1024px){.eclipse-best-grid-v21{grid-template-columns:repeat(2,minmax(0,1fr))!important}.eclipse-contact-step-v21{flex:1 1 calc(50% - 8px)!important}}
@media(max-width:767px){
  html,body{overflow-x:hidden!important}.admin-bar .eclipse-cart-drawer{top:46px!important}.eclipse-cart-mobile-trigger{display:flex!important}.eclipse-cart-drawer{width:min(390px,94vw)!important}.eclipse-cart-drawer__head{min-height:82px!important;padding:17px 17px 14px!important}.eclipse-cart-drawer__head h2{font-size:28px!important}.eclipse-cart-drawer__inner{padding:0 15px 16px!important}.eclipse-cart-drawer .woocommerce-mini-cart-item{grid-template-columns:68px minmax(0,1fr)!important;gap:11px!important;padding-right:31px!important}.eclipse-cart-drawer .woocommerce-mini-cart-item img{width:68px!important;height:68px!important}
  .eclipse-home-categories-v21{padding-left:18px!important;padding-right:18px!important}.eclipse-home-cat-grid-v21{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%!important}.eclipse-home-cat-grid-v21>.e-con{width:100%!important;max-width:none!important}.eclipse-cat-card-v21 img{width:100%!important;height:225px!important;object-fit:cover!important}
  .eclipse-home-best-v21{padding:56px 18px 62px!important}.eclipse-best-grid-v21{grid-template-columns:1fr!important;gap:16px!important}.eclipse-best-card-v21 .eclipse-best-img-v17 img{width:100%!important;height:225px!important}
  body .eclipse-carta-filters-v21{display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;gap:5px!important;border-radius:14px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important}body .eclipse-carta-filters-v21::-webkit-scrollbar{display:none!important}body .eclipse-carta-filters-v21 .eclipse-filter-btn{flex:0 0 auto!important;width:auto!important}body .eclipse-carta-filters-v21 .elementor-button{white-space:nowrap!important}
  .eclipse-about-hero-v21,.eclipse-about-story-v21,.eclipse-about-values-v21,.eclipse-about-band-v21,.eclipse-about-takeaway-v21,.eclipse-about-local-v21{padding-left:18px!important;padding-right:18px!important}.eclipse-about-values-v21{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}.eclipse-about-values-v21>.e-con{width:100%!important;max-width:none!important}
  .eclipse-contact-hero-v21,.eclipse-contact-cards-v21,.eclipse-contact-steps-v21,.eclipse-contact-pickup-v21,.eclipse-contact-form-v21{padding-left:18px!important;padding-right:18px!important}.eclipse-contact-quick-v21{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.eclipse-contact-quick-v21 .elementor-widget-button,.eclipse-contact-quick-v21 .elementor-button{width:100%!important}.eclipse-contact-cards-v21{display:grid!important;grid-template-columns:1fr!important;gap:13px!important}.eclipse-contact-cards-v21>.e-con{width:100%!important;max-width:none!important}.eclipse-contact-steps-v21{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.eclipse-contact-step-v21{width:100%!important;min-width:0!important}.eclipse-contact-pickup-v21{flex-direction:column!important;gap:16px!important}.eclipse-contact-pickup-v21>.e-con{width:100%!important;max-width:none!important}
  .eclipse-single-main-v21{flex-direction:column!important;gap:22px!important;padding-left:18px!important;padding-right:18px!important}.eclipse-single-main-v21>.e-con{width:100%!important;max-width:none!important}
  @keyframes e21Left{from{opacity:0;transform:translate3d(-34px,0,0)}to{opacity:1;transform:none}}@keyframes e21Right{from{opacity:0;transform:translate3d(34px,0,0)}to{opacity:1;transform:none}}@keyframes e21Top{from{opacity:0;transform:translate3d(0,-28px,0)}to{opacity:1;transform:none}}@keyframes e21Bottom{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:none}}
}
@media(max-width:390px){.eclipse-cart-drawer{width:96vw!important}.eclipse-cart-mobile-trigger{right:10px!important;bottom:10px!important}}
@media(prefers-reduced-motion:reduce){.eclipse-v21-pre{opacity:1!important;visibility:visible!important}.eclipse-v21-left,.eclipse-v21-right,.eclipse-v21-top,.eclipse-v21-bottom,.eclipse-about-brand-strip-v21::after{animation:none!important}.eclipse-cart-drawer,.eclipse-cart-drawer__overlay{transition:none!important}}


/* v2.1 cart UX: no full cart-page CTA inside the drawer. */
.eclipse-cart-drawer .woocommerce-mini-cart__buttons .wc-forward:not(.checkout){display:none!important}



/* =====================================================================
   ECLIPSE 2.2 — VIDA + MOVIMIENTO (SAFE, basado en 2.1)
   El carrito lateral de 2.1 NO se toca.
   ===================================================================== */
:root{
  --e22-red:#D91E2C;
  --e22-coral:#F06445;
  --e22-orange:#E98542;
  --e22-gold:#E7B55B;
  --e22-olive:#8A9B55;
}

/* ---------- ENTRADAS DIRECCIONALES MÁS VISIBLES ---------- */
.eclipse-v22-pre{opacity:0!important;visibility:hidden!important}
.eclipse-v22-left,.eclipse-v22-right,.eclipse-v22-top,.eclipse-v22-bottom{
  visibility:visible!important;
  animation-duration:.78s!important;
  animation-timing-function:cubic-bezier(.16,.82,.21,1)!important;
  animation-fill-mode:both!important;
  animation-delay:var(--e22-delay,0ms)!important;
  will-change:transform,opacity!important;
}
.eclipse-v22-left{animation-name:e22FromLeft!important}
.eclipse-v22-right{animation-name:e22FromRight!important}
.eclipse-v22-top{animation-name:e22FromTop!important}
.eclipse-v22-bottom{animation-name:e22FromBottom!important}
.eclipse-v22-done{opacity:1!important;visibility:visible!important;animation:none!important;will-change:auto!important}
@keyframes e22FromLeft{0%{opacity:0;transform:translate3d(-105px,12px,0) scale(.965)}100%{opacity:1;transform:none}}
@keyframes e22FromRight{0%{opacity:0;transform:translate3d(105px,12px,0) scale(.965)}100%{opacity:1;transform:none}}
@keyframes e22FromTop{0%{opacity:0;transform:translate3d(0,-82px,0) scale(.965)}100%{opacity:1;transform:none}}
@keyframes e22FromBottom{0%{opacity:0;transform:translate3d(0,82px,0) scale(.965)}100%{opacity:1;transform:none}}

/* ---------- HOME: MÁS COLOR, SIN HACERLA PESADA ---------- */
.eclipse-home-categories-v22{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 2% 4%,rgba(217,30,44,.25),transparent 26rem),
    radial-gradient(circle at 97% 82%,rgba(231,181,91,.17),transparent 28rem),
    radial-gradient(circle at 58% 38%,rgba(240,100,69,.045),transparent 30rem),
    linear-gradient(142deg,#2B1715 0%,#1D1614 50%,#171311 100%)!important;
}
.eclipse-home-categories-v22::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  width:420px!important;height:420px!important;
  left:-230px!important;bottom:-245px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(240,100,69,.16),rgba(217,30,44,.045) 43%,transparent 70%)!important;
  animation:e22Ambient 12s ease-in-out infinite alternate!important;
  pointer-events:none!important;
}
@keyframes e22Ambient{from{transform:translate3d(0,0,0) scale(.96)}to{transform:translate3d(62px,-24px,0) scale(1.08)}}

/* Barra completa bajo “Elige por dónde empezar”: el color viaja de izquierda a derecha. */
.eclipse-cat-main-title-v22 .elementor-heading-title::after,
.eclipse-home-categories-v22 .eclipse-cat-main-title-v18 .elementor-heading-title::after,
.eclipse-home-categories-v22 .eclipse-cat-main-title .elementor-heading-title::after{
  content:""!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:4px!important;
  margin-top:17px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#D91E2C 0%,#F06445 22%,#E98542 38%,#E7B55B 50%,#E98542 64%,#F06445 80%,#D91E2C 100%)!important;
  background-size:240% 100%!important;
  background-position:-140% 0!important;
  animation:e22TitleRibbon 8.5s linear infinite!important;
  box-shadow:0 0 18px rgba(240,100,69,.11)!important;
  transform:none!important;
  opacity:1!important;
}
@keyframes e22TitleRibbon{from{background-position:-140% 0}to{background-position:100% 0}}

/* Las seis tarjetas tienen identidad propia y hover inmediato. */
.eclipse-cat-card-v22{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.115)!important;
  border-radius:18px!important;
  background:linear-gradient(158deg,rgba(255,255,255,.025),transparent 48%),#211916!important;
  box-shadow:0 16px 34px rgba(0,0,0,.16)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  transition-delay:0s!important;
}
.eclipse-cat-card-v22::after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  left:0!important;right:0!important;top:0!important;
  height:4px!important;
  background:linear-gradient(90deg,var(--cat-accent),color-mix(in srgb,var(--cat-accent) 35%,transparent),transparent)!important;
  opacity:.78!important;
  transform:scaleX(.42)!important;
  transform-origin:left center!important;
  transition:transform .24s ease,opacity .24s ease!important;
}
.eclipse-cat-card-v22:hover{
  transform:translateY(-7px)!important;
  border-color:var(--cat-border,var(--cat-accent))!important;
  box-shadow:0 25px 46px rgba(0,0,0,.25),0 10px 30px var(--cat-shadow,rgba(217,30,44,.07))!important;
}
.eclipse-cat-card-v22:hover::after{transform:scaleX(1)!important;opacity:1!important}
.eclipse-cat-card-v22 .eclipse-home-cat-image{position:relative!important;overflow:hidden!important}
.eclipse-cat-card-v22 .eclipse-home-cat-image::after{
  content:""!important;
  position:absolute!important;inset:auto 0 0 0!important;height:30%!important;
  background:linear-gradient(180deg,transparent,rgba(10,7,6,.38))!important;
  pointer-events:none!important;
}
.eclipse-cat-card-v22 img{
  transition:transform .27s ease,filter .27s ease!important;
  transition-delay:0s!important;
}
.eclipse-cat-card-v22:hover img{transform:scale(1.052)!important;filter:saturate(1.13) contrast(1.025)!important}
.eclipse-cat-card-v22 .eclipse-cat-explore-v18 a{
  color:var(--cat-accent)!important;
  transition:transform .15s ease,color .15s ease!important;
  transition-delay:0s!important;
}
.eclipse-cat-card-v22:hover .eclipse-cat-explore-v18 a{transform:translateX(6px)!important;color:#fff!important}

/* Ver carta completa: una única píldora limpia. */
.eclipse-cat-view-all-v22,
.eclipse-cat-view-all-v22 .elementor-widget-container,
.eclipse-cat-view-all-v22 .elementor-heading-title{
  padding:0!important;margin:0!important;border:0!important;outline:0!important;
  background:transparent!important;box-shadow:none!important;filter:none!important;
}
.eclipse-cat-view-all-v22 .elementor-heading-title::before,
.eclipse-cat-view-all-v22 .elementor-heading-title::after{display:none!important}
.eclipse-cat-view-all-v22 a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:46px!important;padding:11px 19px!important;border-radius:999px!important;
  border:1px solid rgba(240,100,69,.32)!important;
  background:linear-gradient(135deg,rgba(217,30,44,.10),rgba(231,181,91,.055))!important;
  color:#FFF2E8!important;text-decoration:none!important;box-shadow:none!important;
  transition:transform .15s ease,background-color .15s ease,border-color .15s ease!important;
  transition-delay:0s!important;
}
.eclipse-cat-view-all-v22 a:hover{
  transform:translate3d(4px,-2px,0)!important;
  background:linear-gradient(135deg,#D91E2C,#B90E1B)!important;
  border-color:#D91E2C!important;
  box-shadow:0 9px 20px rgba(217,30,44,.13)!important;
}

/* ---------- CARTA: EL HOVER TIENE EXACTAMENTE LA FORMA DE LA PÍLDORA ---------- */
body .eclipse-carta-filters-v22{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;
  width:fit-content!important;max-width:100%!important;padding:6px!important;
  border-radius:999px!important;background:#211A18!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:0 10px 23px rgba(0,0,0,.09)!important;
}
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22,
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22:hover,
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22.is-active{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;max-width:none!important;min-width:0!important;
  padding:0!important;margin:0!important;border:0!important;outline:0!important;
  border-radius:999px!important;background:transparent!important;box-shadow:none!important;filter:none!important;
  transform:none!important;overflow:hidden!important;transition:none!important;
}
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22 .elementor-widget-container,
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22:hover .elementor-widget-container,
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22.is-active .elementor-widget-container{
  display:inline-flex!important;width:auto!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:999px!important;background:transparent!important;
  box-shadow:none!important;filter:none!important;transform:none!important;overflow:hidden!important;
}
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22 .elementor-button-wrapper,
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22:hover .elementor-button-wrapper{
  display:inline-flex!important;width:auto!important;border-radius:999px!important;overflow:hidden!important;
  padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;
}
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22::before,
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22::after,
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22 .elementor-widget-container::before,
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22 .elementor-widget-container::after,
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22 .elementor-button-wrapper::before,
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22 .elementor-button-wrapper::after{display:none!important}
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22 .elementor-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:40px!important;padding:9px 18px!important;margin:0!important;
  border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;
  outline:0!important;background:#24201E!important;box-shadow:none!important;filter:none!important;
  transform:none!important;color:#F2E9E2!important;white-space:nowrap!important;
  transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease!important;
  transition-delay:0s!important;
}
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22 .elementor-button:hover{
  background:rgba(217,30,44,.16)!important;border-color:rgba(217,30,44,.42)!important;
  color:#fff!important;box-shadow:inset 0 0 0 1px rgba(217,30,44,.08)!important;transform:none!important;
}
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22.is-active .elementor-button,
body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22 .elementor-button.is-active{
  background:linear-gradient(135deg,#DE2231,#B70D19)!important;border-color:#DE2231!important;
  color:#fff!important;box-shadow:0 6px 15px rgba(217,30,44,.15)!important;
}

/* ---------- MOBILE ---------- */
@media(max-width:767px){
  .eclipse-home-categories-v22{padding-left:16px!important;padding-right:16px!important}
  .eclipse-cat-main-title-v22 .elementor-heading-title::after,
  .eclipse-home-categories-v22 .eclipse-cat-main-title-v18 .elementor-heading-title::after{
    height:3px!important;margin-top:13px!important;animation-duration:7.5s!important;
  }
  .eclipse-home-cat-grid-v22{grid-template-columns:1fr!important;gap:14px!important}
  .eclipse-cat-card-v22 img{height:230px!important;object-fit:cover!important}
  body .eclipse-carta-filters-v22{
    flex-wrap:nowrap!important;width:100%!important;overflow-x:auto!important;gap:5px!important;
    border-radius:15px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;
  }
  body .eclipse-carta-filters-v22::-webkit-scrollbar{display:none!important}
  body .eclipse-carta-filters-v22 .eclipse-filter-btn-v22{flex:0 0 auto!important}
  @keyframes e22FromLeft{0%{opacity:0;transform:translate3d(-46px,8px,0) scale(.98)}100%{opacity:1;transform:none}}
  @keyframes e22FromRight{0%{opacity:0;transform:translate3d(46px,8px,0) scale(.98)}100%{opacity:1;transform:none}}
  @keyframes e22FromTop{0%{opacity:0;transform:translate3d(0,-40px,0) scale(.98)}100%{opacity:1;transform:none}}
  @keyframes e22FromBottom{0%{opacity:0;transform:translate3d(0,40px,0) scale(.98)}100%{opacity:1;transform:none}}
}

@media(prefers-reduced-motion:reduce){
  .eclipse-v22-pre{opacity:1!important;visibility:visible!important}
  .eclipse-v22-left,.eclipse-v22-right,.eclipse-v22-top,.eclipse-v22-bottom,
  .eclipse-home-categories-v22::before,
  .eclipse-cat-main-title-v22 .elementor-heading-title::after{animation:none!important}
}



/* =====================================================================
   ECLIPSE 2.3 — HOME OPTIMIZADO + FILTROS PÍLDORA (FINAL OVERRIDES)
   ===================================================================== */
:root{
  --e23-red:#D91E2C;
  --e23-red-dark:#B20E1A;
  --e23-coral:#F06445;
  --e23-gold:#E7B55B;
  --e23-dark:#211B19;
  --e23-dark-hover:#32201E;
  --e23-border:rgba(255,255,255,.16);
}

/* ---------- ANIMACIONES DE ENTRADA FIABLES ---------- */
.eclipse-v23-pre{
  opacity:0!important;
  visibility:hidden!important;
}
.eclipse-v23-left,
.eclipse-v23-right,
.eclipse-v23-top,
.eclipse-v23-bottom{
  visibility:visible!important;
  will-change:transform,opacity!important;
  animation-duration:.68s!important;
  animation-timing-function:cubic-bezier(.18,.78,.22,1)!important;
  animation-fill-mode:both!important;
  animation-delay:var(--e23-delay,0ms)!important;
}
.eclipse-v23-left{animation-name:e23FromLeft!important}
.eclipse-v23-right{animation-name:e23FromRight!important}
.eclipse-v23-top{animation-name:e23FromTop!important}
.eclipse-v23-bottom{animation-name:e23FromBottom!important}
.eclipse-v23-done{
  opacity:1!important;
  visibility:visible!important;
  animation:none!important;
  will-change:auto!important;
}
@keyframes e23FromLeft{from{opacity:0;transform:translate3d(-72px,10px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes e23FromRight{from{opacity:0;transform:translate3d(72px,10px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes e23FromTop{from{opacity:0;transform:translate3d(0,-58px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes e23FromBottom{from{opacity:0;transform:translate3d(0,58px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

/* ---------- HOME: BARRA ROJO/NARANJA/DORADO EN MOVIMIENTO CONTINUO ---------- */
.eclipse-home-categories .eclipse-cat-main-title-v18 .elementor-heading-title::after,
.eclipse-home-categories .eclipse-cat-main-title .elementor-heading-title::after{
  content:""!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:4px!important;
  margin-top:17px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,
    #D91E2C 0%,#D91E2C 22%,
    #F06445 36%,#E98542 45%,#E7B55B 50%,
    #E98542 55%,#F06445 64%,
    #D91E2C 78%,#D91E2C 100%)!important;
  background-size:220% 100%!important;
  animation:e23Ribbon 8s linear infinite!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
}
@keyframes e23Ribbon{
  from{background-position:110% 0}
  to{background-position:-110% 0}
}

/* ---------- HOME: tarjetas más fluidas (sin filtros ni sombras animadas) ---------- */
.eclipse-home-cat-grid .eclipse-home-cat-card{
  contain:layout paint!important;
  backface-visibility:hidden!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.115)!important;
  background:linear-gradient(158deg,rgba(255,255,255,.025),transparent 48%),#211916!important;
  box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
  transition:transform .18s ease,border-color .18s ease!important;
  transition-delay:0s!important;
}
.eclipse-home-cat-grid .eclipse-home-cat-card:hover{
  transform:translate3d(0,-6px,0)!important;
  border-color:var(--cat-accent,#D91E2C)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.16)!important;
}
.eclipse-home-cat-grid .eclipse-home-cat-card img{
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
  filter:none!important;
  transition:transform .22s ease!important;
  transition-delay:0s!important;
}
.eclipse-home-cat-grid .eclipse-home-cat-card:hover img{
  transform:translateZ(0) scale(1.035)!important;
  filter:none!important;
}
.eclipse-home-cat-grid .eclipse-home-cat-card::after{
  transition:transform .2s ease,opacity .2s ease!important;
}
.eclipse-home-cat-grid .eclipse-home-cat-card .eclipse-cat-explore-v18 a{
  transition:transform .15s ease,color .15s ease!important;
  transition-delay:0s!important;
}

/* Las secciones inferiores se renderizan cuando se aproximan al viewport. */
.eclipse-home-best,
.eclipse-home-pickup,
.eclipse-home-local{
  content-visibility:auto!important;
  contain-intrinsic-size:800px!important;
}

/* Más pedidas: hover ligero, sin filtros caros. */
.eclipse-best-grid-v21 .eclipse-best-card-v21{
  transition:transform .18s ease,border-color .18s ease!important;
  transition-delay:0s!important;
}
.eclipse-best-grid-v21 .eclipse-best-card-v21:hover{
  transform:translate3d(0,-5px,0)!important;
}
.eclipse-best-grid-v21 .eclipse-best-card-v21 img{
  filter:none!important;
  transition:transform .22s ease!important;
}
.eclipse-best-grid-v21 .eclipse-best-card-v21:hover img{
  transform:scale(1.025)!important;
  filter:none!important;
}

/* ---------- CARTA: vuelve al diseño oscuro + rojo, SIEMPRE en forma de píldora ---------- */
body .eclipse-carta-filters{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  width:fit-content!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Todo lo que envuelve al botón debe ser TRANSPARENTE y redondo. */
body .eclipse-carta-filters .eclipse-filter-btn,
body .eclipse-carta-filters .eclipse-filter-btn:hover,
body .eclipse-carta-filters .eclipse-filter-btn:focus,
body .eclipse-carta-filters .eclipse-filter-btn.is-active,
body .eclipse-carta-filters .eclipse-filter-btn .elementor-widget-container,
body .eclipse-carta-filters .eclipse-filter-btn .elementor-button-wrapper{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:999px!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  overflow:hidden!important;
  transform:none!important;
}
body .eclipse-carta-filters .eclipse-filter-btn::before,
body .eclipse-carta-filters .eclipse-filter-btn::after,
body .eclipse-carta-filters .eclipse-filter-btn .elementor-widget-container::before,
body .eclipse-carta-filters .eclipse-filter-btn .elementor-widget-container::after,
body .eclipse-carta-filters .eclipse-filter-btn .elementor-button-wrapper::before,
body .eclipse-carta-filters .eclipse-filter-btn .elementor-button-wrapper::after{
  display:none!important;
}

/* Estado normal: oscuro como antes, no verde. */
body .eclipse-carta-filters .eclipse-filter-btn .elementor-button,
body .eclipse-carta-filters .eclipse-filter-btn a.elementor-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:9px 19px!important;
  margin:0!important;
  border:1px solid var(--e23-border)!important;
  border-radius:999px!important;
  outline:0!important;
  background:var(--e23-dark)!important;
  background-color:var(--e23-dark)!important;
  background-image:none!important;
  color:#F7EFE9!important;
  box-shadow:none!important;
  filter:none!important;
  transform:translateZ(0)!important;
  white-space:nowrap!important;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease!important;
  transition-delay:0s!important;
}

/* Hover: exactamente la misma píldora. */
body .eclipse-carta-filters .eclipse-filter-btn:not(.is-active) .elementor-button:hover,
body .eclipse-carta-filters .eclipse-filter-btn:not(.is-active):hover .elementor-button{
  border-color:rgba(217,30,44,.62)!important;
  border-radius:999px!important;
  background:var(--e23-dark-hover)!important;
  background-color:var(--e23-dark-hover)!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:translate3d(0,-2px,0)!important;
}

/* Seleccionado: rojo y píldora, sin caja exterior. */
body .eclipse-carta-filters .eclipse-filter-btn.is-active .elementor-button,
body .eclipse-carta-filters .eclipse-filter-btn .elementor-button.is-active{
  border-color:var(--e23-red)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--e23-red),var(--e23-red-dark))!important;
  background-color:var(--e23-red)!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
body .eclipse-carta-filters .eclipse-filter-btn.is-active:hover .elementor-button{
  background:linear-gradient(135deg,#EA2938,#C20F1D)!important;
  border-color:#EA2938!important;
  transform:translate3d(0,-1px,0)!important;
}

/* Elementor / global colors must never repaint these filters green. */
body .eclipse-carta-filters .elementor-button,
body .eclipse-carta-filters .elementor-button:hover,
body .eclipse-carta-filters .elementor-button:focus,
body .eclipse-carta-filters .elementor-button:active{
  border-radius:999px!important;
}

@media(max-width:767px){
  .eclipse-home-categories .eclipse-cat-main-title-v18 .elementor-heading-title::after,
  .eclipse-home-categories .eclipse-cat-main-title .elementor-heading-title::after{
    height:3px!important;
    margin-top:13px!important;
    animation-duration:7s!important;
  }
  body .eclipse-carta-filters{
    flex-wrap:nowrap!important;
    width:100%!important;
    overflow-x:auto!important;
    padding-bottom:3px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body .eclipse-carta-filters::-webkit-scrollbar{display:none!important}
  body .eclipse-carta-filters .eclipse-filter-btn{flex:0 0 auto!important}
  body .eclipse-carta-filters .eclipse-filter-btn .elementor-button{min-height:40px!important;padding:8px 16px!important}

  @keyframes e23FromLeft{from{opacity:0;transform:translate3d(-38px,6px,0)}to{opacity:1;transform:none}}
  @keyframes e23FromRight{from{opacity:0;transform:translate3d(38px,6px,0)}to{opacity:1;transform:none}}
  @keyframes e23FromTop{from{opacity:0;transform:translate3d(0,-34px,0)}to{opacity:1;transform:none}}
  @keyframes e23FromBottom{from{opacity:0;transform:translate3d(0,34px,0)}to{opacity:1;transform:none}}
}

@media(prefers-reduced-motion:reduce){
  .eclipse-v23-pre{opacity:1!important;visibility:visible!important}
  .eclipse-v23-left,.eclipse-v23-right,.eclipse-v23-top,.eclipse-v23-bottom,
  .eclipse-home-categories .eclipse-cat-main-title-v18 .elementor-heading-title::after,
  .eclipse-home-categories .eclipse-cat-main-title .elementor-heading-title::after{
    animation:none!important;
  }
}



/* =====================================================================
   ECLIPSE V3.2 · HOME CATEGORÍAS REHECHAS
   Esta sección usa clases e32-* aisladas del CSS histórico.
   Solo anima transform/opacity para evitar lag.
   ===================================================================== */

/* ---------- SECCIÓN ---------- */
.e32-categories{
  position:relative!important;
  overflow:hidden!important;
  padding:82px 24px 88px!important;
  background:
    radial-gradient(circle at 7% 5%,rgba(217,30,44,.10),transparent 25rem),
    radial-gradient(circle at 96% 94%,rgba(231,181,91,.07),transparent 24rem),
    #191614!important;
}
.e32-categories > .e-con-inner{
  width:min(1152px,100%)!important;
  margin-inline:auto!important;
}
.e32-categories-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:30px!important;
  width:100%!important;
  max-width:1152px!important;
  margin:0 auto 44px!important;
}
.e32-categories-copy{
  flex:1 1 auto!important;
  min-width:0!important;
}
.e32-kicker .elementor-heading-title{
  margin:0 0 14px!important;
  color:#EE7860!important;
  font-family:"Inter Tight",sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.e32-title{
  width:100%!important;
}
.e32-title .elementor-heading-title{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:840px!important;
  margin:0!important;
  padding-bottom:24px!important;
  color:#FFF1E7!important;
  font-family:"Fraunces",serif!important;
  font-size:clamp(3rem,5.15vw,5rem)!important;
  font-weight:700!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}
.e32-title .elementor-heading-title::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:100%!important;
  height:4px!important;
  border-radius:999px!important;
  background:
    repeating-linear-gradient(
      90deg,
      #D91E2C 0 17%,
      #F06445 23% 38%,
      #E7B55B 45% 55%,
      #F06445 62% 77%,
      #D91E2C 83% 100%
    )!important;
  background-size:200% 100%!important;
  animation:e32Ribbon 10s linear infinite!important;
}
@keyframes e32Ribbon{
  from{background-position:100% 0}
  to{background-position:-100% 0}
}
.e32-intro,
.e32-intro p{
  max-width:720px!important;
  margin:18px 0 0!important;
  color:#AFA39B!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.e32-view-all{
  flex:0 0 auto!important;
  width:auto!important;
}
.e32-view-all .elementor-widget-container{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.e32-view-all .elementor-heading-title{
  margin:0!important;
}
.e32-view-all a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:11px 20px!important;
  border:1px solid rgba(217,30,44,.42)!important;
  border-radius:999px!important;
  background:rgba(217,30,44,.07)!important;
  color:#FFF0E6!important;
  text-decoration:none!important;
  transition:transform .16s ease,background-color .16s ease,border-color .16s ease!important;
}
.e32-view-all a:hover{
  transform:translateY(-2px)!important;
  background:#D91E2C!important;
  border-color:#D91E2C!important;
}

/* ---------- GRID ---------- */
.e32-category-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  max-width:1152px!important;
  margin:0 auto!important;
}
.e32-category-grid > .e-con{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

/* ---------- TARJETAS ---------- */
.e32-category-card{
  --e32-accent:#D91E2C;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.115)!important;
  border-radius:17px!important;
  background:#211A17!important;
  box-shadow:0 12px 26px rgba(0,0,0,.14)!important;
  cursor:pointer!important;
  transform:translateZ(0);
  backface-visibility:hidden!important;
  transition:transform .16s ease,border-color .16s ease!important;
}
.e32-cat-pizzas{--e32-accent:#E32734}
.e32-cat-pastas{--e32-accent:#E87542}
.e32-cat-ensaladas{--e32-accent:#8FA052}
.e32-cat-patatas{--e32-accent:#E8B44E}
.e32-cat-sandwiches{--e32-accent:#C97548}
.e32-cat-bebidas{--e32-accent:#B54B55}

.e32-category-card::after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:0!important;
  height:3px!important;
  border-radius:999px 999px 0 0!important;
  background:var(--e32-accent)!important;
  transform:scaleX(.18)!important;
  transform-origin:left center!important;
  opacity:.75!important;
  transition:transform .18s ease,opacity .18s ease!important;
}
.e32-category-card:hover,
.e32-category-card:focus-visible{
  transform:translate3d(0,-5px,0)!important;
  border-color:color-mix(in srgb,var(--e32-accent) 58%,rgba(255,255,255,.11))!important;
}
.e32-category-card:hover::after,
.e32-category-card:focus-visible::after{
  transform:scaleX(1)!important;
  opacity:1!important;
}
.e32-category-image{
  position:relative!important;
  width:100%!important;
  overflow:hidden!important;
}
.e32-category-image .elementor-widget-container{
  overflow:hidden!important;
}
.e32-category-image img{
  display:block!important;
  width:100%!important;
  height:282px!important;
  object-fit:cover!important;
  transform:translateZ(0) scale(1)!important;
  backface-visibility:hidden!important;
  filter:none!important;
  transition:transform .20s ease!important;
}
.e32-category-card:hover .e32-category-image img{
  transform:translateZ(0) scale(1.025)!important;
}
.e32-category-body{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding:22px 24px 25px!important;
}
.e32-category-number .elementor-heading-title{
  margin:0 0 20px!important;
  color:#FFF1E7!important;
  font-family:"Inter Tight",sans-serif!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
}
.e32-category-name .elementor-heading-title{
  margin:0!important;
  color:#FFF1E7!important;
  font-family:"Fraunces",serif!important;
  font-size:23px!important;
  font-weight:700!important;
  line-height:1.08!important;
}
.e32-category-subtitle,
.e32-category-subtitle p{
  margin:13px 0 0!important;
  color:#958A84!important;
  font-size:10px!important;
  line-height:1.5!important;
}
.e32-category-link{
  margin-top:auto!important;
  padding-top:28px!important;
}
.e32-category-link .elementor-heading-title{
  margin:0!important;
  font-family:"Inter Tight",sans-serif!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
}
.e32-category-link a{
  display:inline-block!important;
  color:var(--e32-accent)!important;
  text-decoration:none!important;
  transform:translate3d(0,0,0)!important;
  transition:transform .15s ease,color .15s ease!important;
}
.e32-category-card:hover .e32-category-link a{
  transform:translate3d(5px,0,0)!important;
  color:#FFF1E7!important;
}

/* ---------- ENTRADA: preparada SOLO si JS está activo ---------- */
html.e32-js .e32-category-card:not(.e32-in){
  opacity:0!important;
  pointer-events:none!important;
  transition:
    opacity .62s cubic-bezier(.2,.78,.2,1) var(--e32-delay,0ms),
    transform .62s cubic-bezier(.2,.78,.2,1) var(--e32-delay,0ms)!important;
}
html.e32-js .e32-category-card.e32-from-left:not(.e32-in){
  transform:translate3d(-80px,0,0)!important;
}
html.e32-js .e32-category-card.e32-from-right:not(.e32-in){
  transform:translate3d(80px,0,0)!important;
}
html.e32-js .e32-category-card.e32-from-top:not(.e32-in){
  transform:translate3d(0,-68px,0)!important;
}
html.e32-js .e32-category-card.e32-from-bottom:not(.e32-in){
  transform:translate3d(0,68px,0)!important;
}
html.e32-js .e32-category-card.e32-in{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0)!important;
  transition:
    opacity .62s cubic-bezier(.2,.78,.2,1) var(--e32-delay,0ms),
    transform .62s cubic-bezier(.2,.78,.2,1) var(--e32-delay,0ms),
    border-color .16s ease!important;
}
/* Una vez termina la entrada JS añade e32-ready: hover vuelve a ser instantáneo. */
html.e32-js .e32-category-card.e32-ready{
  transition:transform .16s ease,border-color .16s ease!important;
}
html.e32-js .e32-category-card.e32-ready:hover{
  transform:translate3d(0,-5px,0)!important;
}

/* ---------- TABLET ---------- */
@media(max-width:1024px){
  .e32-categories{padding:68px 22px 74px!important}
  .e32-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .e32-category-image img{height:260px!important}
}

/* ---------- MÓVIL ---------- */
@media(max-width:767px){
  .e32-categories{
    padding:54px 16px 62px!important;
  }
  .e32-categories-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:20px!important;
    margin-bottom:30px!important;
  }
  .e32-title .elementor-heading-title{
    font-size:clamp(2.65rem,14vw,4rem)!important;
    padding-bottom:20px!important;
  }
  .e32-title .elementor-heading-title::after{
    height:3px!important;
    animation-duration:12s!important;
  }
  .e32-intro,
  .e32-intro p{
    font-size:12px!important;
  }
  .e32-view-all{
    width:100%!important;
  }
  .e32-view-all a{
    width:100%!important;
  }
  .e32-category-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .e32-category-image img{
    height:230px!important;
  }
  .e32-category-body{
    padding:19px 20px 22px!important;
  }

  html.e32-js .e32-category-card.e32-from-left:not(.e32-in){transform:translate3d(-42px,0,0)!important}
  html.e32-js .e32-category-card.e32-from-right:not(.e32-in){transform:translate3d(42px,0,0)!important}
  html.e32-js .e32-category-card.e32-from-top:not(.e32-in){transform:translate3d(0,-38px,0)!important}
  html.e32-js .e32-category-card.e32-from-bottom:not(.e32-in){transform:translate3d(0,38px,0)!important}
}

@media(prefers-reduced-motion:reduce){
  .e32-title .elementor-heading-title::after{animation:none!important}
  html.e32-js .e32-category-card{
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:none!important;
  }
}



/* =====================================================================
   ECLIPSE V3.3 · SOLO INICIO
   ===================================================================== */

/* Marquee 100% CSS, sin clones ni resize JS */
.e33-marquee{
  width:100%!important;
  overflow:hidden!important;
  contain:layout paint!important;
  background:linear-gradient(90deg,#951018 0%,#D91E2C 34%,#DE693E 68%,#A77734 100%)!important;
  border-block:1px solid rgba(255,255,255,.09)!important;
}
.e33-marquee .elementor-widget-container,
.e33-marquee .elementor-widget-text-editor{overflow:hidden!important}
.e33-marquee p{margin:0!important}
.e33-marquee-track{
  display:flex!important;
  width:max-content!important;
  min-width:200vw!important;
  transform:translate3d(0,0,0)!important;
  backface-visibility:hidden!important;
  will-change:transform!important;
  animation:e33Marquee 32s linear infinite!important;
}
.e33-marquee-group{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-around!important;
  gap:18px!important;
  width:max-content!important;
  min-width:100vw!important;
  padding:11px 18px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
  line-height:1!important;
}
.e33-marquee-group i{color:#FFD48B!important;font-style:normal!important}
@keyframes e33Marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* Sección */
.e33-categories{
  position:relative!important;
  overflow:hidden!important;
  padding:82px 24px 88px!important;
  background:
    radial-gradient(circle at 7% 5%,rgba(217,30,44,.095),transparent 25rem),
    radial-gradient(circle at 96% 94%,rgba(231,181,91,.06),transparent 24rem),
    #191614!important;
}
.e33-categories-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:30px!important;
  width:100%!important;
  max-width:1152px!important;
  margin:0 auto 42px!important;
}
.e33-categories-copy{flex:1 1 auto!important;min-width:0!important}
.e33-kicker .elementor-heading-title{
  margin:0 0 14px!important;color:#EE7860!important;
  font-size:10px!important;font-weight:800!important;letter-spacing:.16em!important;text-transform:uppercase!important;
}
.e33-title .elementor-heading-title{
  position:relative!important;display:block!important;width:100%!important;max-width:840px!important;
  margin:0!important;padding-bottom:23px!important;color:#FFF1E7!important;
  font-family:"Fraunces",serif!important;font-size:clamp(3rem,5.15vw,5rem)!important;
  font-weight:700!important;line-height:.98!important;letter-spacing:-.035em!important;
}
.e33-title .elementor-heading-title::after{
  content:""!important;position:absolute!important;left:0!important;bottom:0!important;width:100%!important;height:4px!important;
  border-radius:999px!important;background:linear-gradient(90deg,#D91E2C,#F06445,#E7B55B,#F06445,#D91E2C)!important;
  background-size:220% 100%!important;animation:e33TitleLine 9s linear infinite!important;
}
@keyframes e33TitleLine{from{background-position:100% 0}to{background-position:-120% 0}}
.e33-intro,.e33-intro p{max-width:720px!important;margin:17px 0 0!important;color:#AAA099!important;font-size:12px!important;line-height:1.55!important}
.e33-view-all{flex:0 0 auto!important}
.e33-view-all .elementor-widget-container{background:transparent!important;border:0!important;box-shadow:none!important}
.e33-view-all a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:47px!important;padding:11px 19px!important;
  border:1px solid rgba(217,30,44,.42)!important;border-radius:999px!important;background:rgba(217,30,44,.065)!important;
  color:#FFF0E6!important;text-decoration:none!important;transform:translate3d(0,0,0)!important;
  transition:transform .13s ease,background-color .13s ease,border-color .13s ease!important;
}
.e33-view-all a:hover{transform:translate3d(0,-2px,0)!important;background:#D91E2C!important;border-color:#D91E2C!important}

/* Grid */
.e33-category-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;
  width:100%!important;max-width:1152px!important;margin:0 auto!important;
}
.e33-category-grid > .e-con{width:100%!important;max-width:none!important;min-width:0!important}

/* Tarjetas */
.e33-category-card{
  --e33-accent:#D91E2C;
  position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.11)!important;border-radius:16px!important;background:#211A17!important;box-shadow:none!important;
  cursor:pointer!important;transform:translate3d(0,0,0)!important;backface-visibility:hidden!important;
  contain:layout paint!important;transition:transform .14s ease,border-color .14s ease!important;
}
.e33-cat-pizzas{--e33-accent:#E32734}.e33-cat-pastas{--e33-accent:#E87542}.e33-cat-ensaladas{--e33-accent:#91A153}
.e33-cat-patatas{--e33-accent:#E6B14A}.e33-cat-sandwiches{--e33-accent:#C7784D}.e33-cat-bebidas{--e33-accent:#B64C58}
.e33-category-card::after{
  content:""!important;position:absolute!important;left:20px!important;right:20px!important;bottom:0!important;height:3px!important;
  border-radius:999px 999px 0 0!important;background:var(--e33-accent)!important;
  transform:scale3d(.12,1,1)!important;transform-origin:left center!important;opacity:.8!important;
  transition:transform .16s ease!important;
}
.e33-category-card:hover{transform:translate3d(0,-5px,0)!important;border-color:var(--e33-accent)!important}
.e33-category-card:hover::after{transform:scale3d(1,1,1)!important}
.e33-category-image,.e33-category-image .elementor-widget-container{width:100%!important;overflow:hidden!important}
.e33-category-image img{
  display:block!important;width:100%!important;height:282px!important;object-fit:cover!important;
  transform:translate3d(0,0,0) scale(1)!important;backface-visibility:hidden!important;filter:none!important;
  transition:transform .16s ease!important;
}
.e33-category-card:hover .e33-category-image img{transform:translate3d(0,0,0) scale(1.018)!important}
.e33-category-body{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;padding:22px 24px 25px!important}
.e33-category-number .elementor-heading-title{margin:0 0 19px!important;color:#FFF1E7!important;font-size:10px!important;font-weight:850!important}
.e33-category-name .elementor-heading-title{margin:0!important;color:#FFF1E7!important;font-family:"Fraunces",serif!important;font-size:23px!important;font-weight:700!important}
.e33-category-subtitle,.e33-category-subtitle p{margin:12px 0 0!important;color:#958A84!important;font-size:10px!important;line-height:1.5!important}

/* Explorar: hover muy barato */
.e33-category-link{margin-top:auto!important;padding-top:27px!important}
.e33-category-link,.e33-category-link .elementor-widget-container,.e33-category-link .elementor-heading-title{
  background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;
}
.e33-category-link .elementor-heading-title{margin:0!important;font-size:10px!important;font-weight:850!important;letter-spacing:.025em!important;text-transform:uppercase!important}
.e33-category-link a{
  display:inline-flex!important;align-items:center!important;gap:7px!important;color:#5FD4FF!important;text-decoration:none!important;
  transform:none!important;filter:none!important;box-shadow:none!important;transition:color .11s linear!important;
}
.e33-category-link a::after{
  content:"→"!important;display:inline-block!important;color:var(--e33-accent)!important;
  transform:translate3d(0,0,0)!important;transition:transform .11s ease!important;
}
.e33-category-link a:hover{color:#FFF1E7!important}
.e33-category-link a:hover::after{transform:translate3d(5px,0,0)!important}

/* Entrada */
.e33-category-grid.e33-js-ready .e33-category-card{opacity:0!important}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card{
  animation-duration:.68s!important;animation-timing-function:cubic-bezier(.18,.78,.2,1)!important;animation-fill-mode:both!important;
}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(1){animation-name:e33FromLeft!important;animation-delay:0ms!important}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(2){animation-name:e33FromTop!important;animation-delay:80ms!important}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(3){animation-name:e33FromRight!important;animation-delay:160ms!important}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(4){animation-name:e33FromLeft!important;animation-delay:90ms!important}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(5){animation-name:e33FromBottom!important;animation-delay:170ms!important}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(6){animation-name:e33FromRight!important;animation-delay:250ms!important}
@keyframes e33FromLeft{from{opacity:0;transform:translate3d(-64px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes e33FromRight{from{opacity:0;transform:translate3d(64px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes e33FromTop{from{opacity:0;transform:translate3d(0,-56px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes e33FromBottom{from{opacity:0;transform:translate3d(0,56px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.e33-category-grid.e33-animation-done .e33-category-card{opacity:1!important;animation:none!important;transition:transform .14s ease,border-color .14s ease!important}

@media(max-width:1024px){
  .e33-categories{padding:68px 22px 74px!important}
  .e33-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .e33-category-image img{height:260px!important}
  .e33-marquee-track{animation-duration:29s!important}
}
@media(max-width:767px){
  .e33-marquee-group{gap:14px!important;min-width:150vw!important;font-size:9px!important;padding:10px 14px!important}
  .e33-marquee-track{min-width:300vw!important;animation-duration:26s!important}
  .e33-categories{padding:54px 16px 62px!important}
  .e33-categories-head{flex-direction:column!important;align-items:stretch!important;gap:19px!important;margin-bottom:29px!important}
  .e33-title .elementor-heading-title{font-size:clamp(2.6rem,14vw,4rem)!important;padding-bottom:20px!important}
  .e33-view-all a{width:100%!important}
  .e33-category-grid{grid-template-columns:1fr!important;gap:14px!important}
  .e33-category-image img{height:230px!important}
  .e33-category-body{padding:19px 20px 22px!important}
}
@media(prefers-reduced-motion:reduce){
  .e33-marquee-track,.e33-title .elementor-heading-title::after{animation:none!important}
  .e33-category-grid.e33-js-ready .e33-category-card,
  .e33-category-grid.e33-js-ready.e33-play .e33-category-card{opacity:1!important;animation:none!important;transform:none!important}
}


/* =====================================================================
   ECLIPSE V3.4 · FIX FINAL DE ANIMACIONES DEL INICIO
   El usuario ha solicitado expresamente mantener estas animaciones.
   ===================================================================== */

/* MARQUEE: movimiento continuo, compositor GPU, sin JS */
.e33-marquee-track{
  animation-name:e33Marquee!important;
  animation-duration:24s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-play-state:running!important;
  transform:translate3d(0,0,0)!important;
  will-change:transform!important;
}
.e33-marquee:hover .e33-marquee-track{
  animation-play-state:running!important;
}

/* TARJETAS: entrada más visible, pero solo transform + opacity */
.e33-category-grid.e33-js-ready.e33-play .e33-category-card{
  animation-duration:.78s!important;
  animation-timing-function:cubic-bezier(.16,.78,.18,1)!important;
  animation-fill-mode:both!important;
  will-change:transform,opacity!important;
}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(1){
  animation-name:e34FromLeft!important;
  animation-delay:0ms!important;
}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(2){
  animation-name:e34FromTop!important;
  animation-delay:100ms!important;
}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(3){
  animation-name:e34FromRight!important;
  animation-delay:200ms!important;
}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(4){
  animation-name:e34FromLeft!important;
  animation-delay:120ms!important;
}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(5){
  animation-name:e34FromBottom!important;
  animation-delay:220ms!important;
}
.e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(6){
  animation-name:e34FromRight!important;
  animation-delay:320ms!important;
}
@keyframes e34FromLeft{
  0%{opacity:0;transform:translate3d(-88px,10px,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes e34FromRight{
  0%{opacity:0;transform:translate3d(88px,10px,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes e34FromTop{
  0%{opacity:0;transform:translate3d(0,-72px,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes e34FromBottom{
  0%{opacity:0;transform:translate3d(0,72px,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}

/* Al acabar, liberamos la capa para que el hover siga instantáneo */
.e33-category-grid.e33-animation-done .e33-category-card{
  opacity:1!important;
  animation:none!important;
  will-change:auto!important;
  transition:transform .14s ease,border-color .14s ease!important;
}

/* IMPORTANTE:
   En esta web se fuerzan estas dos animaciones aunque el SO tenga
   prefers-reduced-motion porque el usuario las ha solicitado expresamente. */
@media(prefers-reduced-motion:reduce){
  .e33-marquee-track{
    animation:e33Marquee 24s linear infinite!important;
    animation-play-state:running!important;
  }
  .e33-title .elementor-heading-title::after{
    animation:e33TitleLine 9s linear infinite!important;
  }
  .e33-category-grid.e33-js-ready .e33-category-card{
    opacity:0!important;
  }
  .e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(1){
    animation:e34FromLeft .78s cubic-bezier(.16,.78,.18,1) 0ms both!important;
  }
  .e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(2){
    animation:e34FromTop .78s cubic-bezier(.16,.78,.18,1) 100ms both!important;
  }
  .e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(3){
    animation:e34FromRight .78s cubic-bezier(.16,.78,.18,1) 200ms both!important;
  }
  .e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(4){
    animation:e34FromLeft .78s cubic-bezier(.16,.78,.18,1) 120ms both!important;
  }
  .e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(5){
    animation:e34FromBottom .78s cubic-bezier(.16,.78,.18,1) 220ms both!important;
  }
  .e33-category-grid.e33-js-ready.e33-play .e33-category-card:nth-child(6){
    animation:e34FromRight .78s cubic-bezier(.16,.78,.18,1) 320ms both!important;
  }
  .e33-category-grid.e33-animation-done .e33-category-card{
    opacity:1!important;
    animation:none!important;
    transform:translate3d(0,0,0)!important;
  }
}

@media(max-width:767px){
  .e33-marquee-track{
    animation-duration:21s!important;
  }
  @media(prefers-reduced-motion:reduce){
    .e33-marquee-track{
      animation-duration:21s!important;
    }
  }
}