.elementor-235448 .elementor-element.elementor-element-ecae9f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-235448 .elementor-element.elementor-element-140a4264{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-235448 .elementor-element.elementor-element-7e406e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-235448 .elementor-element.elementor-element-e74b278{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-235448 .elementor-element.elementor-element-e74b278.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-235448 .elementor-element.elementor-element-879a0aa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-235448 .elementor-element.elementor-element-b96d4b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-235448 .elementor-element.elementor-element-b96d4b9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-235448 .elementor-element.elementor-element-5ba60af.elementor-wc-products ul.products li.product{text-align:center;}.elementor-235448 .elementor-element.elementor-element-5ba60af.elementor-wc-products  ul.products{grid-column-gap:22px;grid-row-gap:22px;}.elementor-235448 .elementor-element.elementor-element-5ba60af.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:solid;}.elementor-235448 .elementor-element.elementor-element-5ba60af.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-235448 .elementor-element.elementor-element-4b9b5147{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-235448 .elementor-element.elementor-element-4dde7279{text-align:center;}.elementor-235448 .elementor-element.elementor-element-4b6a4dfb .elementor-button:hover, .elementor-235448 .elementor-element.elementor-element-4b6a4dfb .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(135deg, #2563EB 0%, #1E3A8A 100%);}.elementor-235448 .elementor-element.elementor-element-4b6a4dfb .elementor-button:hover svg, .elementor-235448 .elementor-element.elementor-element-4b6a4dfb .elementor-button:focus svg{fill:#FFFFFF;}.elementor-235448 .elementor-element.elementor-element-4b6a4dfb .elementor-button{border-radius:8px 8px 8px 8px;}.elementor-235448 .elementor-element.elementor-element-1b45b06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-235448 .elementor-element.elementor-element-e74b278{--width:100%;}.elementor-235448 .elementor-element.elementor-element-b96d4b9{--width:97.984%;}}@media(max-width:1024px){.elementor-235448 .elementor-element.elementor-element-5ba60af.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-235448 .elementor-element.elementor-element-5ba60af.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for html, class: .elementor-element-2f72c6f4 *//* 🎬 SYNAPSIS SHOP HERO STYLE */
.shop-hero {
  position: relative;
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
  color: #fff;
}

.shop-bg-video {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  filter: brightness(0.45) blur(1px);
  z-index: 0;
}

.shop-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(180deg, rgba(37,99,235,0.35), rgba(0,0,0,0.55));
  z-index: 1;
}

.shop-hero-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  padding: 0 30px;
  animation: fadeIn 1.5s ease-in-out;
}

.shop-hero-logo {
  height: 80px;
  margin-bottom: 20px;
  animation: float 6s ease-in-out infinite;
}

.shop-hero h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  color: #f8fafc;
  margin-bottom: 15px;
  text-shadow: 0 3px 12px rgba(0,0,0,0.4);
}

.shop-hero p {
  font-family: 'Inter', sans-serif;
  font-size: 1.05rem;
  color: #e2e8f0;
  margin-bottom: 20px;
}

.shop-tagline {
  font-size: 1.1rem;
  color: #c7d2fe;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

@keyframes fadeIn {
  from {opacity: 0; transform: translateY(20px);}
  to {opacity: 1; transform: translateY(0);}
}

@keyframes float {
  0%,100% {transform: translateY(0);}
  50% {transform: translateY(-10px);}
}

/* 🛍️ PRODUCT GRID AREA */
.woocommerce ul.products {
  background: linear-gradient(180deg, #F9FAFB 0%, #FFFFFF 100%);
  padding: 60px 40px;
  border-radius: 30px 30px 0 0;
  box-shadow: 0 -10px 30px rgba(0,0,0,0.05);
}

.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 20px;
  padding: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

/* 🩵 TITLES & PRICES */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: 'Poppins', sans-serif;
  font-size: 1.05rem;
  color: #1E293B;
  font-weight: 600;
  margin-bottom: 8px;
  text-align: center;
}

.woocommerce ul.products li.product .price {
  font-weight: 600;
  color: #2563EB;
  text-align: center;
}

/* 🟦 BUTTONS */
.woocommerce ul.products li.product .button {
  background: linear-gradient(135deg, #2563EB, #1E3A8A);
  color: #fff !important;
  border-radius: 8px;
  font-weight: 600;
  padding: 10px 20px;
  transition: all 0.3s ease;
  display: block;
  text-align: center;
}

.woocommerce ul.products li.product .button:hover {
  background: #1E40AF;
  transform: translateY(-3px);
}

/* 📱 Responsive */
@media (max-width: 900px) {
  .shop-hero { height: 60vh; }
  .shop-hero h1 { font-size: 1.8rem; }
  .woocommerce ul.products { padding: 30px 20px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-91f1e1b *//* 🌐 SYNAPSIS GLOBAL STYLE FOR SHOP PAGE + FILTER PANEL */

/* ---------- HERO SECTION (ya existente, lo mantenemos coherente) ---------- */
.hero-checkout, .shop-hero {
  background: linear-gradient(135deg, rgba(0,74,173,0.7), rgba(255,255,255,0.2));
  backdrop-filter: blur(12px);
  border-radius: 20px;
  box-shadow: 0 6px 40px rgba(0,74,173,0.25);
  color: #fff;
  text-align: center;
  padding: 50px 30px;
}
.hero-checkout h1, .shop-hero h1 {
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.8px;
}
.hero-checkout p, .shop-hero p {
  color: #e6e9f5;
  font-size: 1rem;
  margin-top: 8px;
}

/* ---------- WOOF FILTER PANEL ---------- */
.woof_container {
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(14px);
  border: 2px solid #004AAD;
  border-radius: 20px;
  padding: 22px 18px;
  box-shadow: 0 4px 25px rgba(0, 74, 173, 0.15);
  transition: all 0.35s ease;
  animation: fadeSlideIn 0.7s ease;
}
.woof_container:hover {
  box-shadow: 0 6px 32px rgba(0, 74, 173, 0.35);
  transform: translateY(-3px);
}
.woof_container h3, .woof_container h4 {
  color: #002d6b;
  font-weight: 700;
  letter-spacing: 0.4px;
  font-size: 1rem;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 74, 173, 0.2);
  padding-bottom: 6px;
}
.woof_list label {
  color: #1a1a1a;
  font-weight: 500;
  transition: all 0.25s ease;
}
.woof_list label:hover {
  color: #004AAD;
  cursor: pointer;
}
.woof_list li span.count {
  display: none !important;
}
.woof_list li.woof_term_0 {
  opacity: 0.4;
  pointer-events: none;
}
.woof_submit_search_form_container input[type="text"],
.woof_container input[type="number"],
.woof_container input[type="search"] {
  width: 100%;
  border: 1px solid #004AAD;
  border-radius: 10px;
  padding: 8px 12px;
  outline: none;
  transition: 0.3s;
}
.woof_container input[type="text"]:focus,
.woof_container input[type="search"]:focus {
  box-shadow: 0 0 10px rgba(0, 74, 173, 0.3);
  border-color: #004AAD;
}
.woof_container .woof_section_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.woof_container .woof_section_head::after {
  content: "▼";
  font-size: 0.7rem;
  color: #004AAD;
  transition: transform 0.3s;
}
.woof_container .woof_section_head.opened::after {
  transform: rotate(-180deg);
}
@keyframes fadeSlideIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ---------- FLOATING BUTTONS (Filter / Reset) ---------- */
.synapsis-filter-actions {
  position: sticky;
  bottom: 15px;
  text-align: center;
  margin-top: 20px;
  z-index: 999;
}
.synapsis-filter-btn, .synapsis-reset-btn {
  background: linear-gradient(135deg, #004AAD, #006AFF);
  border: none;
  color: white;
  padding: 12px 28px;
  border-radius: 30px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s;
  margin: 6px 8px;
  box-shadow: 0 4px 20px rgba(0, 74, 173, 0.3);
  backdrop-filter: blur(8px);
}
.synapsis-filter-btn:hover, .synapsis-reset-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 25px rgba(0, 74, 173, 0.5);
  background: linear-gradient(135deg, #006AFF, #004AAD);
}

/* Iconos para estilo visual */
.synapsis-filter-btn::before {
  content: "🔍 ";
}
.synapsis-reset-btn::before {
  content: "♻️ ";
}
/* 🧭 STICKY SIDEBAR SYNAPSIS */
.synapsis-filters {
  position: sticky;
  top: 100px; /* espacio debajo del menú principal */
  align-self: flex-start;
  z-index: 5;
  transition: all 0.3s ease;
}

/* efecto sutil al hacer scroll */
.synapsis-filters:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 28px rgba(0, 74, 173, 0.25);
}
/* 📱 SYNAPSIS MOBILE FILTER PANEL – responsive sticky style */
.mobile-filter-btn {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: linear-gradient(135deg, #2563eb, #1e40af);
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 14px 22px;
  font-size: 1rem;
  font-weight: 600;
  box-shadow: 0 6px 24px rgba(37, 99, 235, 0.4);
  cursor: pointer;
  z-index: 999;
  transition: all 0.3s ease;
}

.mobile-filter-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 30px rgba(37, 99, 235, 0.5);
}

/* Panel lateral oculto */
.mobile-filter-panel {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 85%;
  max-width: 380px;
  height: 100vh;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(18px);
  box-shadow: -6px 0 25px rgba(0,0,0,0.25);
  padding: 20px;
  z-index: 1000;
  overflow-y: auto;
  animation: slideIn 0.3s ease forwards;
}

/* Header dentro del panel */
.mobile-filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.mobile-filter-header h3 {
  font-family: 'Poppins', sans-serif;
  color: #1e293b;
  font-weight: 600;
  margin: 0;
}

.close-filter-btn {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #334155;
  cursor: pointer;
}

/* animación de entrada */
@keyframes slideIn {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

/* versión móvil */
@media (max-width: 900px) {
  .synapsis-filters {
    display: none !important;
  }

  .mobile-filter-btn {
    display: block;
  }
}
/* 🔧 Ajuste para botones de filtros (evita superposición) */
.synapsis-filter-actions {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
  position: static !important; /* evita que se fijen encima */
  transform: none !important;
  box-shadow: none !important;
}

.synapsis-filter-btn,
.synapsis-reset-btn {
  background: linear-gradient(135deg, #2563eb, #1e40af);
  color: white;
  border: none;
  border-radius: 30px;
  padding: 10px 22px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.synapsis-filter-btn:hover,
.synapsis-reset-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35);
}

.synapsis-reset-btn {
  background: #0f172a;
}
/* 🌐 SYNAPSIS FILTER ACTION BUTTONS */
.synapsis-filter-actions {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 25px;
}

.synapsis-filter-btn,
.synapsis-reset-btn {
  background: linear-gradient(135deg, #2563eb, #1e40af);
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 10px 24px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.synapsis-filter-btn:hover,
.synapsis-reset-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.35);
}

.synapsis-reset-btn {
  background: #0f172a;
}

/* 📱 MOBILE FILTER BUTTON & PANEL */
.mobile-filter-btn {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 25px;
  background: linear-gradient(135deg, #2563eb, #1e40af);
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 14px 22px;
  font-size: 1rem;
  font-weight: 600;
  box-shadow: 0 6px 24px rgba(37, 99, 235, 0.4);
  cursor: pointer;
  z-index: 999;
  transition: all 0.3s ease;
}

.mobile-filter-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 30px rgba(37, 99, 235, 0.5);
}

/* Panel lateral móvil */
.mobile-filter-panel {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 85%;
  max-width: 380px;
  height: 100vh;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(20px);
  box-shadow: -6px 0 25px rgba(0, 0, 0, 0.25);
  padding: 24px;
  z-index: 1000;
  overflow-y: auto;
  animation: slideIn 0.3s ease forwards;
}

/* Header del panel móvil */
.mobile-filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.mobile-filter-header h3 {
  font-family: 'Poppins', sans-serif;
  color: #1e293b;
  font-weight: 600;
  margin: 0;
}

.close-filter-btn {
  background: none;
  border: none;
  font-size: 1.6rem;
  color: #334155;
  cursor: pointer;
}

/* Animación */
@keyframes slideIn {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

/* Oculta sidebar y muestra botón en móvil */
@media (max-width: 900px) {
  .synapsis-filters {
    display: none !important;
  }
  .mobile-filter-btn {
    display: block;
  }
}/* End custom CSS */