.yza-bebes,
.yza-bebes * {
  box-sizing: border-box;
}

.yza-bebes {
  --yza-blue: #0066c9;
  --yza-deep-blue: #001e83;
  --yza-soft-blue: #bfe4fb;
  --yza-cream: #fbf8f1;
  --yza-ink: #121522;
  --yza-shadow: 0 18px 45px rgba(0, 26, 90, 0.13);
  --yza-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --yza-motion-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --yza-motion-hover: cubic-bezier(0.2, 0.8, 0.2, 1);
  --img-desktop-section-strip: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/f637c4c2-8b35-4b08-9bb4-3c408cb50bc1.png");
  --img-desktop-banner-principal: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/2ef6beaa-85c2-4468-9159-d71988693757.png");
  --img-desktop-banner-dinero: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/b789501e-f042-4336-b021-ba5fdcc73eeb.png");
  --img-desktop-banner-bebemania: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/30216762-2e9f-43ab-9b50-af7203c64239.png");
  --img-desktop-banner-bebemania-gerber: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/8261d4b1-1665-4fc9-abf2-03281647d87e.png");
  --img-desktop-category-accessories: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/0c51cda4-d9a5-4284-b6d2-e58422f167b1.png");
  --img-desktop-category-formula: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/2a296163-2057-4a3e-825a-3a7bf7c827cf.png");
  --img-desktop-category-milks: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/c4d32e99-84e8-44b3-98fd-59dc48141fd2.png");
  --img-desktop-category-diapers: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/ab169c94-df51-48f7-88f0-baf09244c344.png");
  --img-desktop-category-hygiene: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/1c848831-e790-4a77-8c04-a95fe59964c1.png");
  --img-desktop-category-foods: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/5b6622d4-5fd3-4e4e-9bda-b0562119c048.png");
  --img-desktop-product-main: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/96c748a5-e575-41ae-936d-9805be6a2110.png");
  --img-desktop-product-support: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/3167d185-1779-4601-9348-dc2ba98e036f.png");
  --img-desktop-benefits: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/9d058dc9-9527-4cd0-9e7f-70dc372ac11d.png");
  --img-desktop-blog-tips: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/b78d4242-8a83-4102-999d-9269b6f77a35.png");
  --img-desktop-blog-tips2: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/a59832ff-b7b5-4e88-a55b-47fc4120e97f.png");
  --img-desktop-blog-tips3: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/23467d89-1b96-46c7-8a77-68238ce9faa9.png");
  --img-mobile-section-strip: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/a5532e25-074c-46df-bde2-2d078b306d44.png");
  --img-mobile-banner-principal: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/f19a694f-07cd-4f2b-b379-e59167dadb50.png");
  --img-mobile-banner-dinero: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/c51afe66-3edb-48b9-b0a9-37132903d024.png");
  --img-mobile-banner-bebemania: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/38c131e1-a1a7-4033-985b-a60694821008.png");
  --img-mobile-category-accessories: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/0c51cda4-d9a5-4284-b6d2-e58422f167b1.png");
  --img-mobile-banner-bebemania-gerber: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/1628086f-65ca-47c3-ab54-4797b1de2274.png");
  --img-mobile-category-formula: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/2a296163-2057-4a3e-825a-3a7bf7c827cf.png");
  --img-mobile-category-milks: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/c4d32e99-84e8-44b3-98fd-59dc48141fd2.png");
  --img-mobile-category-diapers: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/ab169c94-df51-48f7-88f0-baf09244c344.png");
  --img-mobile-category-hygiene: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/65df51a8-4f8d-49d9-b455-8917dcd7f676.png");
  --img-mobile-category-foods: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/d153fcbf-a65c-4dd5-b51c-f304f74399b5.png");
  --img-mobile-product-main: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/96c748a5-e575-41ae-936d-9805be6a2110.png");
  --img-mobile-product-support: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/acc1761a-06c8-4f25-83e7-2dd36ed102a6.png");
  --img-mobile-benefits: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/073843f9-d466-4b7f-b70c-2373d4c793a9.png");
  --img-mobile-blog-tips: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/bb30ff1a-32ec-476e-a5ef-a2d3925c43e2.png");
  --img-mobile-blog-tips2: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/404f28ff-6838-4055-aa2e-31f6db39db20.png");
  --img-mobile-blog-tips3: url("https://image.farmaciasyza.mx/lib/fe2f117171640675761075/m/1/4963bd9d-be21-4ae3-b60d-e3edd078dd69.png");
  --img-section-strip: var(--img-desktop-section-strip);
  --img-banner-principal: var(--img-desktop-banner-principal);
  --img-banner-dinero: var(--img-desktop-banner-dinero);
  --img-banner-bebemania: var(--img-desktop-banner-bebemania);
  --img-banner-bebemania-gerber: var(--img-desktop-banner-bebemania-gerber);
  --img-category-accessories: var(--img-desktop-category-accessories);
  --img-category-formula: var(--img-desktop-category-formula);
  --img-category-milks: var(--img-desktop-category-milks);
  --img-category-diapers: var(--img-desktop-category-diapers);
  --img-category-hygiene: var(--img-desktop-category-hygiene);
  --img-category-foods: var(--img-desktop-category-foods);
  --img-product-main: var(--img-desktop-product-main);
  --img-product-support: var(--img-desktop-product-support);
  --img-benefits: var(--img-desktop-benefits);
  --img-blog-tips: var(--img-desktop-blog-tips);
  --img-blog-tips2: var(--img-desktop-blog-tips2);
  --img-blog-tips3: var(--img-desktop-blog-tips3);
  width: 100%;
  margin: 0 auto;
  overflow-x: clip;
  color: var(--yza-ink);
  font-family: Arial, Helvetica, sans-serif;
  background: #eafaff;
}

.yza-bebes__image,
.yza-bebes__banner-img,
.yza-bebes__category-img,
.yza-bebes__product-main-img,
.yza-bebes__product-support-img,
.yza-bebes__benefits-img,
.yza-bebes__blog-img {
  aspect-ratio: 950 / 180; 
  transform: translateZ(0) scale(1);
  background-size: cover; /* Cambiado a cover para rellenar perfectamente sin pixelarse */
  background-position: center;
  background-color: #fbf8f1;
  transition: transform 520ms var(--yza-motion-smooth);
  will-change: transform;

  
}

.yza-bebes a {
  color: inherit;
  text-decoration: none;
}

.yza-bebes button {
  font: inherit;
}

.link-banner-principal,
.link-banner-dinero,
.link-banner-bebemania,
.link-cat-pre-concepcion,
.link-cat-formula,
.link-cat-leches,
.link-cat-panales,
.link-cat-higiene,
.link-cat-alimentos,
.link-producto-beneficios,
.link-blog-tips,
.link-blog-tips2,
.link-blog-tips3 {
  cursor: pointer;
}

.yza-bebes__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.yza-bebes__section-strip {
  width: 100%;
  background: var(--yza-soft-blue);
}

.yza-bebes__section-strip-img {
  width: 100%;
  aspect-ratio: 1920 / 150;
  background-image: var(--img-section-strip);
}

.yza-bebes__content {
  width: 100%;
  margin: 0 auto;
  padding: clamp(16px, 2.4vw, 34px);
}

.yza-bebes__promos,
.yza-bebes__blog {
  display: grid;
  gap: clamp(12px, 1.6vw, 22px);
}

.yza-bebes__carousel {
  position: relative;
  display: block;
  padding-bottom: 34px;
  animation-delay: 100ms;
}

.yza-bebes__carousel-viewport {
  overflow: hidden;
  border-radius: clamp(14px, 1.5vw, 24px);
}

.yza-bebes__carousel-track {
  display: flex;
  transform: translateX(0);
  transition: transform 640ms var(--yza-motion-smooth);
  will-change: transform;
}

.yza-bebes__carousel-slide {
  flex: 0 0 100%;
  min-width: 100%;
}

.yza-bebes__banner,
.yza-bebes__blog-card {
  display: block;
  overflow: hidden;
  border-radius: clamp(14px, 1.5vw, 24px);
  background: var(--yza-cream);
  box-shadow: 0 10px 26px rgba(19, 38, 89, 0.08);
}

.yza-bebes__blog-card {
  opacity: 0.99;
  transform: translate3d(0, 0, 0);
  transition: transform 360ms var(--yza-motion-hover), box-shadow 360ms var(--yza-motion-hover), opacity 260ms ease;
  will-change: transform, opacity;
}

.yza-bebes__blog-card:hover,
.yza-bebes__blog-card:focus-within {
  opacity: 1;
  transform: translate3d(0, -6px, 0);
  box-shadow: 0 18px 38px rgba(19, 38, 89, 0.13);
}

.yza-bebes__banner-img,
.yza-bebes__blog-img {
  width: 100%;
}

.yza-bebes__banner-img {
  aspect-ratio: 2500 / 650;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.yza-bebes__banner-img--principal {
  background-image: var(--img-banner-principal);
}

.yza-bebes__banner-img--dinero {
  background-image: var(--img-banner-dinero);
}

.yza-bebes__banner-img--bebemania {
  background-image: var(--img-banner-bebemania);
}

.yza-bebes__banner-img--bebemania-gerber {
  background-image: var(--img-banner-bebemania-gerber);
}

.yza-bebes__blog-img {
  aspect-ratio: 750 / 180; 
  
  transform: translateZ(0) scale(1);
  
  /* 2. Cambia a 'cover' para que rellene el espacio a la perfección si hay variaciones de píxeles */
  background-size: cover; 
  
  background-position: center;
  background-color: #fbf8f1;
  transition: transform 520ms var(--yza-motion-smooth);
  will-change: transform;
}

.yza-bebes__blog-card:hover .yza-bebes__blog-img,
.yza-bebes__blog-card:focus-within .yza-bebes__blog-img {
  transform: translateZ(0) scale(1.018);
}

.yza-bebes__blog-img--tips {
  background-image: var(--img-blog-tips);
}

.yza-bebes__blog-img--tips2 {
  background-image: var(--img-blog-tips2);
}

.yza-bebes__blog-img--tips3 {
  background-image: var(--img-blog-tips3);
}

.yza-bebes__carousel .yza-bebes__banner {
  border-radius: 0;
  box-shadow: none;
}

.yza-bebes__carousel-control {
  position: absolute;
  top: calc(50% - 17px);
  z-index: 2;
  display: grid;
  place-items: center;
  width: clamp(34px, 4vw, 46px);
  height: clamp(34px, 4vw, 46px);
  border: 0;
  border-radius: 50%;
  color: #ffffff;
  background: rgba(0, 30, 131, 0.78);
  box-shadow: 0 10px 24px rgba(0, 30, 131, 0.22);
  cursor: pointer;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(30px, 4vw, 42px);
  line-height: 1;
  transform: translateY(-50%);
  transition: background 220ms ease, transform 260ms var(--yza-motion-hover), box-shadow 260ms ease;
}

.yza-bebes__carousel-control:hover {
  background: rgba(0, 30, 131, 0.94);
  box-shadow: 0 13px 28px rgba(0, 30, 131, 0.25);
  transform: translateY(-50%) scale(1.055);
}

.yza-bebes__carousel-control--prev {
  left: clamp(8px, 1.4vw, 18px);
}

.yza-bebes__carousel-control--next {
  right: clamp(8px, 1.4vw, 18px);
}

.yza-bebes__carousel-dots {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  gap: 10px;
}

.yza-bebes__carousel-dot {
  width: 11px;
  height: 11px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 30, 131, 0.26);
  cursor: pointer;
  transition: background 220ms ease, transform 260ms var(--yza-motion-hover);
}

.yza-bebes__carousel-dot.is-active {
  background: var(--yza-deep-blue);
  transform: scale(1.22);
}

.yza-bebes__categories,
.yza-bebes__product,
.yza-bebes__blog {
  margin-top: clamp(20px, 3.2vw, 46px);
}

.yza-bebes__categories {
  margin-top: clamp(10px, 1.4vw, 18px);
  margin-right: calc(clamp(16px, 2.4vw, 34px) * -1);
  margin-left: calc(clamp(16px, 2.4vw, 34px) * -1);
  padding: clamp(16px, 2.2vw, 28px) clamp(18px, 3vw, 44px);
  overflow: hidden;
  background: #bfe4fb;
  animation-delay: 190ms;
}

.yza-bebes__category-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: center;
  gap: clamp(12px, 2.4vw, 34px);
  width: min(100%, 1240px);
  margin: 0 auto;
}

.yza-bebes__category-grid::before {
  position: absolute;
  top: 16%;
  right: 0;
  left: 0;
  height: 56%;
  border-radius: 999px;
  background: #fbf8f1;
  content: "";
}

.yza-bebes__category-card {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  transition: transform 340ms var(--yza-motion-hover);
  will-change: transform;
}

.yza-bebes__category-card:hover,
.yza-bebes__category-card:focus-visible {
  transform: translate3d(0, -2px, 0);
}

.yza-bebes__category-card:focus-visible,
.yza-bebes__benefits-button:focus-visible,
.yza-bebes__carousel-control:focus-visible,
.yza-bebes__carousel-dot:focus-visible {
  outline: 3px solid rgba(0, 102, 201, 0.38);
  outline-offset: 4px;
}

.yza-bebes__category-visual {
  display: block;
  width: clamp(100px, 10vw, 148px);
  aspect-ratio: 1;
  background: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 360ms var(--yza-motion-hover), filter 360ms ease;
  will-change: transform;
}

.yza-bebes__category-card:hover .yza-bebes__category-visual,
.yza-bebes__category-card:focus-visible .yza-bebes__category-visual {
  transform: scale(1.035);
  filter: drop-shadow(0 12px 18px rgba(0, 30, 131, 0.13));
}

.yza-bebes__category-img--accessories {
  background-image: var(--img-category-accessories);
}

.yza-bebes__category-img--formula {
  background-image: var(--img-category-formula);
}

.yza-bebes__category-img--milks {
  background-image: var(--img-category-milks);
}

.yza-bebes__category-img--diapers {
  background-image: var(--img-category-diapers);
}

.yza-bebes__category-img--hygiene {
  background-image: var(--img-category-hygiene);
}

.yza-bebes__category-img--foods {
  background-image: var(--img-category-foods);
}

.yza-bebes__product-layout {
  display: grid;
  grid-template-columns: minmax(420px, 1.05fr) minmax(300px, 0.95fr);
  align-items: center;
  gap: clamp(28px, 7vw, 116px);
  width: min(100%, 1250px);
  margin: 0 auto;
}

.yza-bebes__section-strip,
.yza-bebes__carousel,
.yza-bebes__categories,
.yza-bebes__product,
.yza-bebes__blog {
  opacity: 0;
  animation-name: yza-fade-in-up;
  animation-duration: 820ms;
  animation-timing-function: var(--yza-motion-smooth);
  animation-fill-mode: forwards;
  will-change: opacity, transform;
}

.yza-bebes__section-strip {
  animation-delay: 0ms;
}

.yza-bebes__product {
  animation-delay: 260ms;
}

.yza-bebes__blog {
  animation-delay: 340ms;
}

.yza-bebes__product-art {
  display: grid;
  place-items: center;
}

.yza-bebes__product-main-img {
  display: block;
  width: min(100%, 760px);
  aspect-ratio: 1105 / 884;
  overflow: hidden;
  border-radius: clamp(14px, 1.5vw, 24px);
  background-image: var(--img-product-main);
  box-shadow: 0 14px 34px rgba(24, 38, 73, 0.09);
}

.yza-bebes__product-actions {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: clamp(22px, 4vw, 52px);
}

.yza-bebes__product-support-img {
  display: block;
  width: min(100%, 350px);
  aspect-ratio: 350 / 250;
  overflow: hidden;
  border-radius: 8px;
  background-image: var(--img-product-support);
}

.yza-bebes__blog {
  width: min(100%, 950px);
  margin-right: auto;
  margin-left: auto;
}

.yza-bebes__benefits-button {
  display: inline-grid;
  place-items: center;
  width: min(calc(100vw - 48px), 286px);
  min-width: 0;
  min-height: 0;
  padding: 0;
  margin-top: 4px;
  border: 0;
  border-radius: 999px;
  background: transparent !important; 
  background-color: transparent !important;
  cursor: pointer;
  text-decoration: none;
  animation: yza-benefit-pulse 3200ms var(--yza-motion-smooth) infinite;
  transition: background-color 320ms var(--yza-motion-ease), transform 320ms var(--yza-motion-hover), filter 320ms ease;
  will-change: transform;
}

.yza-bebes__benefits-button:hover,
.yza-bebes__benefits-button:focus-visible {
  animation: none;
  background-color: rgba(198, 213, 255, 0.22);
  transform: translate3d(0, -2px, 0) scale(1.018);
  filter: drop-shadow(0 10px 14px rgba(0, 30, 131, 0.17));
}

.yza-bebes__benefits-img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 1;
  background-image: var(--img-benefits);
  background-size: contain;
}

@media (min-width: 901px) {
  .yza-bebes__benefits-button {
    width: 190px;
  }
}

.yza-bebes--enhanced [data-yza-reveal] {
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition: opacity 720ms var(--yza-motion-smooth), transform 720ms var(--yza-motion-smooth);
  transition-delay: var(--yza-reveal-delay, 0ms);
}

.yza-bebes--enhanced [data-yza-reveal].is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.yza-bebes__category-card:nth-child(2) {
  --yza-reveal-delay: 90ms;
}

.yza-bebes__category-card:nth-child(3) {
  --yza-reveal-delay: 180ms;
}

.yza-bebes__category-card:nth-child(4) {
  --yza-reveal-delay: 270ms;
}

.yza-bebes__category-card:nth-child(5) {
  --yza-reveal-delay: 360ms;
}

.yza-bebes__category-card:nth-child(6) {
  --yza-reveal-delay: 450ms;
}

.yza-bebes__blog-card:nth-of-type(2) {
  --yza-reveal-delay: 120ms;
}

@keyframes yza-fade-in-up {
  from {
    opacity: 0;
    transform: translate3d(0, 12px, 0) scale(0.992);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes yza-benefit-pulse {
  0%,
  100% {
    filter: drop-shadow(0 0 0 rgba(0, 30, 131, 0));
    transform: translate3d(0, 0, 0) scale(1);
  }

  38% {
    filter: drop-shadow(0 8px 12px rgba(0, 30, 131, 0.11));
    transform: translate3d(0, -1px, 0) scale(1.012);
  }

  70% {
    filter: drop-shadow(0 0 0 rgba(0, 30, 131, 0));
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (max-width: 900px) {
  .yza-bebes__category-grid {
    grid-template-columns: repeat(3, minmax(140px, 200px));
    justify-content: center;
    gap: clamp(18px, 4vw, 28px) clamp(18px, 5vw, 38px);
    width: min(100%, 700px);
  }

  .yza-bebes__category-grid::before {
    display: none;
  }

  .yza-bebes__category-visual {
    width: min(100%, clamp(136px, 20vw, 180px));
  }

  .yza-bebes__product-layout {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: clamp(22px, 4vw, 34px);
    width: min(100%, 760px);
  }

  .yza-bebes__product-art {
    width: 100%;
  }

  .yza-bebes__product-main-img {
  width: min(100%, 760px);
  min-height: 0;                /* Cambiado: Eliminamos la altura fija gigante */
  aspect-ratio: 1105 / 884;     /* Agregado: Mantiene la proporción correcta de la imagen */
  background-position: center;
  background-size: contain;     /* Cambiado de cover a contain para que no se corte el producto */

  }

  .yza-bebes__product-actions {
    gap: 0;
  }

  .yza-bebes__product-support-img {
    display: none;
  }

  .yza-bebes__benefits-button {
    margin-top: 0;
  }

  .yza-bebes__benefits-img {
    width: 100%;
  }

  .yza-bebes__blog {
    width: min(100%, 860px);
    margin-right: auto;
    margin-left: auto;
  }

  .yza-bebes__blog-card {
    width: 100%;
  }
}

@media (min-width: 721px) and (max-width: 1100px) and (orientation: portrait) {
  .yza-bebes__benefits-button {
    width: min(68vw, 185px);
  }

  .yza-bebes__benefits-img {
    width: 100%;
  }

  .yza-bebes__blog {
    width: min(100%, 700px);
    margin-right: auto;
    margin-left: auto;
  }

  .yza-bebes__blog-card {
    width: 100%;
  }

  .yza-bebes__blog-img {
    aspect-ratio: 750 / 180;
  }
}

@media (max-width: 720px) {
  .yza-bebes {
    --img-section-strip: var(--img-mobile-section-strip);
    --img-banner-principal: var(--img-mobile-banner-principal);
    --img-banner-dinero: var(--img-mobile-banner-dinero);
    --img-banner-bebemania: var(--img-mobile-banner-bebemania);
    --img-banner-bebemania-gerber: var(--img-mobile-banner-bebemania-gerber);
    --img-category-accessories: var(--img-mobile-category-accessories);
    --img-category-formula: var(--img-mobile-category-formula);
    --img-category-milks: var(--img-mobile-category-milks);
    --img-category-diapers: var(--img-mobile-category-diapers);
    --img-category-hygiene: var(--img-mobile-category-hygiene);
    --img-category-foods: var(--img-mobile-category-foods);
    --img-product-main: var(--img-mobile-product-main);
    --img-product-support: var(--img-mobile-product-support);
    --img-benefits: var(--img-mobile-benefits);
    --img-blog-tips: var(--img-mobile-blog-tips);
    --img-blog-tips2: var(--img-mobile-blog-tips2);
    --img-blog-tips3: var(--img-mobile-blog-tips3);
  }

  .yza-bebes__content {
    padding: 12px;
  }

  .yza-bebes__section-strip-img {
    aspect-ratio: 750 / 180;
  }

  .yza-bebes__categories {
    padding: 18px 14px 20px;
  }

  .yza-bebes__banner,
  .yza-bebes__blog-card {
    border-radius: 16px;
  }

  .yza-bebes__banner-img,
  .yza-bebes__blog-img {
    aspect-ratio: 1;
  }

  .yza-bebes__blog-img {
    background-color: #fbf8f1;
  }

  .yza-bebes__carousel {
    padding-bottom: 30px;
  }

  .yza-bebes__carousel-control {
    top: calc(50% - 15px);
  }

  .yza-bebes__category-grid {
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    justify-content: center;
    gap: 12px clamp(12px, 4vw, 20px);
    width: min(100%, 700px);
  }

  .yza-bebes__category-card {
    padding: 0;
  }

  .yza-bebes__category-visual {
    width: min(100%, clamp(100px, 18vw, 140px));
  }

  .yza-bebes__product {
    margin: 18px -12px 0;
    padding: 8px 0 18px;
  }

  .yza-bebes__product-layout {
    justify-items: center;
    gap: clamp(20px, 6vw, 34px);
    width: 100%;
    max-width: none;
  }

  .yza-bebes__product-actions {
    position: relative;
    z-index: 2;
    gap: 0;
    margin-top: 0;
  }

  .yza-bebes__product-support-img {
    display: none;
  }

  .yza-bebes__product-art {
    width: 100%;
    overflow: visible;
  }

  .yza-bebes__product-main-img {
  width: 100%;
  height: auto;                 /* Cambiado: Eliminamos el clamp() que lo estiraba */
  aspect-ratio: 1105 / 884;     /* Agregado: Mantiene la proporción correcta */
  background-position: center;  /* Cambiado de 30% 31% a center para centrar la lata */
  background-size: contain;     /* Cambiado de cover a contain para ver el producto completo */

  }

  .yza-bebes__product-main-img {
    background-position: 30% 31%;
    background-size: cover;
  }

  .yza-bebes__benefits-button {
    margin-top: 0;
  }

  .yza-bebes__benefits-img {
    width: 100%;
  }

  .yza-bebes__blog {
    width: calc(100% + 24px);
    max-width: none;
    margin-right: -12px;
    margin-left: -12px;
  }

  .yza-bebes__blog-card {
    width: 100%;
  }
}

@media (max-width: 980px) and (orientation: landscape) {
  .yza-bebes__categories {
    padding: 18px clamp(20px, 5vw, 56px) 20px;
  }

  .yza-bebes__product {
    margin-right: 0;
    margin-left: 0;
    padding: 8px 0 16px;
  }

  .yza-bebes__category-grid {
    grid-template-columns: repeat(3, minmax(150px, 220px));
    justify-content: center;
    gap: clamp(14px, 3vw, 24px) clamp(24px, 6vw, 72px);
    width: min(100%, 760px);
  }

  .yza-bebes__category-grid::before {
    display: none;
  }

  .yza-bebes__category-visual {
    width: min(100%, clamp(140px, 22vw, 190px));
  }

  .yza-bebes__product-layout {
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    gap: clamp(20px, 4vw, 36px);
    width: min(100%, 980px);
  }

  .yza-bebes__product-actions {
    position: static;
    gap: 0;
    margin-top: 0;
    z-index: auto;
  }

  .yza-bebes__product-support-img {
    display: none;
  }

  .yza-bebes__product-main-img {
    width: min(96vw, 980px);
    height: auto;
    min-height: 0;
    aspect-ratio: 1105 / 884;
    background-position: center;
    background-size: cover;
  }

  .yza-bebes__benefits-button {
    margin-top: 0;
  }

  .yza-bebes__benefits-img {
    width: 100%;
  }

  .yza-bebes__blog {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
  }

  .yza-bebes__blog-card {
    width: 100%;
  }

  .yza-bebes__blog-img {
    /* Mantenemos el aspecto original de desktop o el corregido alargado */
    aspect-ratio: 750 / 180; 
    
    /* CAMBIO CLAVE: Cambia cover por contain para que la imagen quepa al 100% en la pantalla */
    background-size: contain !important; 
    
    background-position: center !important;
  }
}

@media (max-width: 980px) and (orientation: landscape) and (max-height: 430px) {
  .yza-bebes__product-layout {
    grid-template-columns: 1fr;
    gap: 18px;
    width: min(100%, 940px);
  }

  .yza-bebes__product-main-img {
    width: min(96vw, 940px);
    min-height: 0;
  }

  .yza-bebes__benefits-button {
    margin-top: 0;
  }
}

@media (max-width: 380px) {
  .yza-bebes__category-grid {
    grid-template-columns: repeat(2, minmax(128px, 166px));
    gap: 14px 8px;
  }

  .yza-bebes__category-visual {
    width: min(100%, clamp(136px, 45vw, 164px));
  }
}

@media (prefers-reduced-motion: reduce) {
  .yza-bebes__section-strip,
  .yza-bebes__carousel,
  .yza-bebes__categories,
  .yza-bebes__product,
  .yza-bebes__blog {
    opacity: 1;
    transform: none;
    animation: none;
  }

  .yza-bebes--enhanced [data-yza-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .yza-bebes__category-card,
  .yza-bebes__category-visual,
  .yza-bebes__blog-card,
  .yza-bebes__blog-img,
  .yza-bebes__benefits-button,
  .yza-bebes__benefits-img,
  .yza-bebes__carousel-track,
  .yza-bebes__carousel-control,
  .yza-bebes__carousel-dot {
    animation: none;
    transition: none;
  }
}