.elementor-430 .elementor-element.elementor-element-90fb3fb{--display:flex;}.elementor-430 .elementor-element.elementor-element-80e69ac{--display:flex;}@media(min-width:768px){.elementor-430 .elementor-element.elementor-element-90fb3fb{--width:1200%;}}/* Start custom CSS for html, class: .elementor-element-db2385c */@import url('https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:wght@400;500;600;700;800;900&display=swap');

:root {
  --aupa-orange: #FF9F3C;
  --aupa-blue: #62B6DE;
  --aupa-text: #333333;
  --aupa-white: #ffffff;
  --aupa-soft-blue: rgba(98, 182, 222, 0.12);
  --aupa-soft-orange: rgba(255, 159, 60, 0.12);
}

/* FONDO GENERAL DE LA TIENDA */
body.post-type-archive-product,
body.woocommerce-shop,
body.tax-product_cat {
  background: #ffffff !important;
  font-family: 'Montserrat', sans-serif;
}

/* CONTENEDOR GENERAL */
body.woocommerce-shop .site-main,
body.post-type-archive-product .site-main,
body.tax-product_cat .site-main,
body.woocommerce-shop .content-area,
body.post-type-archive-product .content-area {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 70px 5% !important;
}

/* TÍTULO DE LA TIENDA */
.woocommerce-products-header,
.woocommerce-products-header__title {
  text-align: center;
}

.woocommerce-products-header__title,
body.woocommerce-shop h1.page-title,
body.post-type-archive-product h1.page-title {
  font-family: 'Anton', sans-serif !important;
  font-size: clamp(48px, 7vw, 96px) !important;
  line-height: 1.02 !important;
  font-weight: 400 !important;
  color: var(--aupa-orange) !important;
  margin: 0 0 28px !important;
  letter-spacing: 0.5px;
}

/* TEXTO DE RESULTADOS Y ORDENACIÓN */
.woocommerce-result-count,
.woocommerce-ordering select {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--aupa-text) !important;
}

.woocommerce-ordering select {
  border: 2px solid rgba(98, 182, 222, 0.25) !important;
  border-radius: 999px !important;
  padding: 12px 20px !important;
  background: #ffffff !important;
}

/* GRID DE PRODUCTOS */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 34px !important;
  margin-top: 46px !important;
}

/* TARJETA DE PRODUCTO */
.woocommerce ul.products li.product {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 22px 28px !important;
  border-radius: 34px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 2px solid rgba(98, 182, 222, 0.16) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.06) !important;
  overflow: hidden !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

/* CÍRCULO DECORATIVO EN CADA TARJETA */
.woocommerce ul.products li.product::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  right: -55px;
  top: -55px;
  border-radius: 999px;
  background: rgba(98, 182, 222, 0.12);
  z-index: 0;
  transition: transform 0.35s ease, background 0.35s ease;
}

.woocommerce ul.products li.product:nth-child(even)::before {
  background: rgba(255, 159, 60, 0.13);
}

.woocommerce ul.products li.product:hover {
  transform: translateY(-10px);
  border-color: rgba(255, 159, 60, 0.42) !important;
  box-shadow: 0 28px 62px rgba(0, 0, 0, 0.10) !important;
}

.woocommerce ul.products li.product:hover::before {
  transform: scale(1.15);
}

/* IMAGEN DEL PRODUCTO */
.woocommerce ul.products li.product a img {
  position: relative;
  z-index: 2;
  width: 100% !important;
  height: 280px !important;
  object-fit: cover !important;
  border-radius: 26px !important;
  margin: 0 0 22px !important;
  background: #f8f8f8 !important;
  transition: transform 0.35s ease;
}

.woocommerce ul.products li.product:hover a img {
  transform: scale(1.03);
}

/* TÍTULO DEL PRODUCTO */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  position: relative;
  z-index: 2;
  font-family: 'Anton', sans-serif !important;
  font-size: 30px !important;
  line-height: 1.08 !important;
  font-weight: 400 !important;
  color: var(--aupa-blue) !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
}

/* PRECIO */
.woocommerce ul.products li.product .price {
  position: relative;
  z-index: 2;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  background: rgba(255, 159, 60, 0.13) !important;
  color: var(--aupa-orange) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

/* BOTONES */
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 52px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px !important;
  background: var(--aupa-orange) !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-transform: none !important;
  border: none !important;
  box-shadow: 0 14px 28px rgba(255, 159, 60, 0.26) !important;
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  transform: translateY(-4px);
  background: var(--aupa-blue) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 34px rgba(98, 182, 222, 0.28) !important;
}

/* ETIQUETA DE OFERTA */
.woocommerce span.onsale {
  min-width: auto !important;
  min-height: auto !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  background: var(--aupa-orange) !important;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  z-index: 5 !important;
  box-shadow: 0 12px 24px rgba(255, 159, 60, 0.28) !important;
}

/* MENSAJE SUPERIOR */
body.woocommerce-shop .woocommerce-products-header::after,
body.post-type-archive-product .woocommerce-products-header::after {
  content: "Cada compra ayuda a seguir acompañando a niños, niñas y familias.";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto 0;
  padding: 14px 26px;
  border-radius: 999px;
  background: rgba(98, 182, 222, 0.12);
  color: var(--aupa-text);
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  font-weight: 800;
}

/* PAGINACIÓN */
.woocommerce nav.woocommerce-pagination ul {
  border: none !important;
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 50px !important;
  padding: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul li {
  border: none !important;
  list-style: none !important;
}

/* SOLO DEJAR NÚMEROS */
.woocommerce nav.woocommerce-pagination ul li .next,
.woocommerce nav.woocommerce-pagination ul li .prev {
  display: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  width: 44px;
  height: 44px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 2px solid rgba(98, 182, 222, 0.22) !important;
  color: var(--aupa-blue) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--aupa-orange) !important;
  border-color: var(--aupa-orange) !important;
  color: #ffffff !important;
}

/* RESPONSIVE TABLET */
@media (max-width: 1024px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px !important;
  }

  .woocommerce ul.products li.product a img {
    height: 250px !important;
  }

  .woocommerce-products-header__title,
  body.woocommerce-shop h1.page-title,
  body.post-type-archive-product h1.page-title {
    font-size: clamp(44px, 8vw, 72px) !important;
  }
}

/* RESPONSIVE MÓVIL */
@media (max-width: 767px) {
  body.woocommerce-shop .site-main,
  body.post-type-archive-product .site-main,
  body.tax-product_cat .site-main,
  body.woocommerce-shop .content-area,
  body.post-type-archive-product .content-area {
    padding: 50px 5% !important;
  }

  .woocommerce ul.products {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .woocommerce ul.products li.product {
    padding: 18px 18px 24px !important;
    border-radius: 28px !important;
  }

  .woocommerce ul.products li.product a img {
    height: 240px !important;
    border-radius: 22px !important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 28px !important;
  }

  .woocommerce ul.products li.product .price {
    font-size: 17px !important;
  }

  body.woocommerce-shop .woocommerce-products-header::after,
  body.post-type-archive-product .woocommerce-products-header::after {
    font-size: 15px;
    line-height: 1.5;
    border-radius: 22px;
  }
}/* End custom CSS */