.elementor-16502 .elementor-element.elementor-element-ffb7110{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:44px 44px;--row-gap:44px;--column-gap:44px;--padding-top:9.17%;--padding-bottom:10.42%;--padding-left:7.815%;--padding-right:7.815%;}.elementor-16502 .elementor-element.elementor-element-ffb7110:not(.elementor-motion-effects-element-type-background), .elementor-16502 .elementor-element.elementor-element-ffb7110 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0F0F0E;}.elementor-16502 .elementor-element.elementor-element-14d9306{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16502 .elementor-element.elementor-element-14d9306.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-16502 .elementor-element.elementor-element-e5ec501 .elementor-heading-title{font-family:"DIN Condensed Bold", Sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:4px;color:#C5C5C5;}.elementor-16502 .elementor-element.elementor-element-4ae9a2f .elementor-heading-title{font-family:"DIN Condensed Bold", Sans-serif;font-size:72px;font-weight:700;text-transform:uppercase;line-height:82px;letter-spacing:8px;color:#FDFDFD;}.elementor-16502 .elementor-element.elementor-element-38b71ce{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-16502 .elementor-element.elementor-element-8f923ce .elementor-button{background-color:#FDFDFD;font-family:"DIN Condensed Bold", Sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:4px;fill:#0F0F0E;color:#0F0F0E;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0F0F0E;border-radius:80px 80px 80px 80px;padding:28px 24px 19px 24px;}.elementor-16502 .elementor-element.elementor-element-8f923ce .elementor-button:hover, .elementor-16502 .elementor-element.elementor-element-8f923ce .elementor-button:focus{background-color:#E6E6E6;color:#0F0F0E;border-color:#0F0F0E;}.elementor-16502 .elementor-element.elementor-element-8f923ce .elementor-button:hover svg, .elementor-16502 .elementor-element.elementor-element-8f923ce .elementor-button:focus svg{fill:#0F0F0E;}.elementor-16502 .elementor-element.elementor-element-61eb25f .elementor-button{background-color:#0F0F0E;font-family:"DIN Condensed Bold", Sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:4px;fill:#FDFDFD;color:#FDFDFD;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFDFD;border-radius:80px 80px 80px 80px;padding:28px 24px 19px 24px;}.elementor-16502 .elementor-element.elementor-element-61eb25f .elementor-button:hover, .elementor-16502 .elementor-element.elementor-element-61eb25f .elementor-button:focus{background-color:#FDFDFD;color:#0F0F0E;border-color:#FDFDFD;}.elementor-16502 .elementor-element.elementor-element-61eb25f .elementor-button:hover svg, .elementor-16502 .elementor-element.elementor-element-61eb25f .elementor-button:focus svg{fill:#0F0F0E;}.elementor-16502 .elementor-element.elementor-element-29836e7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16502 .elementor-element.elementor-element-29836e7.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-16502 .elementor-element.elementor-element-bb46ea5{--grid-columns:3;--grid-row-gap:16px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--grid-column-gap:16px;}.elementor-16502 .elementor-element.elementor-element-b5b5549{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16502 .elementor-element.elementor-element-b466f8a .elementor-button{background-color:#FDFDFD;font-family:"DIN Condensed Bold", Sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:4px;fill:#0F0F0E;color:#0F0F0E;border-style:solid;border-width:1px 1px 1px 1px;border-color:#0F0F0E;border-radius:80px 80px 80px 80px;padding:28px 24px 19px 24px;}.elementor-16502 .elementor-element.elementor-element-b466f8a .elementor-button:hover, .elementor-16502 .elementor-element.elementor-element-b466f8a .elementor-button:focus{background-color:#E6E6E6;color:#0F0F0E;border-color:#0F0F0E;}.elementor-16502 .elementor-element.elementor-element-b466f8a .elementor-button:hover svg, .elementor-16502 .elementor-element.elementor-element-b466f8a .elementor-button:focus svg{fill:#0F0F0E;}.elementor-16502 .elementor-element.elementor-element-6623c64 .elementor-button{background-color:#0F0F0E;font-family:"DIN Condensed Bold", Sans-serif;font-size:24px;font-weight:700;text-transform:uppercase;line-height:24px;letter-spacing:4px;fill:#FDFDFD;color:#FDFDFD;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FDFDFD;border-radius:80px 80px 80px 80px;padding:28px 24px 19px 24px;}.elementor-16502 .elementor-element.elementor-element-6623c64 .elementor-button:hover, .elementor-16502 .elementor-element.elementor-element-6623c64 .elementor-button:focus{background-color:#FDFDFD;color:#0F0F0E;border-color:#FDFDFD;}.elementor-16502 .elementor-element.elementor-element-6623c64 .elementor-button:hover svg, .elementor-16502 .elementor-element.elementor-element-6623c64 .elementor-button:focus svg{fill:#0F0F0E;}@media(max-width:1024px){.elementor-16502 .elementor-element.elementor-element-ffb7110{--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;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:96px;--padding-bottom:124px;--padding-left:48px;--padding-right:0px;}.elementor-16502 .elementor-element.elementor-element-14d9306{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:48px;}.elementor-16502 .elementor-element.elementor-element-38b71ce{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-16502 .elementor-element.elementor-element-8f923ce{width:var( --container-widget-width, 260px );max-width:260px;--container-widget-width:260px;--container-widget-flex-grow:0;}.elementor-16502 .elementor-element.elementor-element-61eb25f{width:var( --container-widget-width, 260px );max-width:260px;--container-widget-width:260px;--container-widget-flex-grow:0;}.elementor-16502 .elementor-element.elementor-element-29836e7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16502 .elementor-element.elementor-element-bb46ea5{--grid-columns:3;}}@media(max-width:767px){.elementor-16502 .elementor-element.elementor-element-ffb7110{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:185px;--padding-bottom:124px;--padding-left:16px;--padding-right:0px;}.elementor-16502 .elementor-element.elementor-element-14d9306{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:16px;}.elementor-16502 .elementor-element.elementor-element-e5ec501 .elementor-heading-title{font-size:20px;line-height:22px;letter-spacing:2px;}.elementor-16502 .elementor-element.elementor-element-4ae9a2f .elementor-heading-title{font-size:48px;line-height:50px;letter-spacing:2px;}.elementor-16502 .elementor-element.elementor-element-29836e7{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:8px;}.elementor-16502 .elementor-element.elementor-element-bb46ea5{--grid-columns:3;}.elementor-16502 .elementor-element.elementor-element-b5b5549{--width:100%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:16px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:16px;}.elementor-16502 .elementor-element.elementor-element-b466f8a .elementor-button{padding:18px 24px 12px 24px;}.elementor-16502 .elementor-element.elementor-element-6623c64 .elementor-button{padding:18px 24px 12px 24px;}}@media(min-width:768px){.elementor-16502 .elementor-element.elementor-element-ffb7110{--width:100%;}.elementor-16502 .elementor-element.elementor-element-14d9306{--width:344px;}.elementor-16502 .elementor-element.elementor-element-38b71ce{--width:305px;}.elementor-16502 .elementor-element.elementor-element-29836e7{--width:1052px;}}@media(max-width:1024px) and (min-width:768px){.elementor-16502 .elementor-element.elementor-element-38b71ce{--width:100%;}.elementor-16502 .elementor-element.elementor-element-29836e7{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-29836e7 *//* Mobile swipe row: the end CTAs snap to the row's end edge; keep the 8px end padding in the snap
   position so the buttons end ~19px from the screen edge (Figma 11353:5564). Main rules: ffb7110 custom CSS. */
@media (max-width: 767px) {
  .elementor-16502 .elementor-element.elementor-element-29836e7 {
    scroll-padding-right: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffb7110 *//* Products section (copy of Home ffb7110 for Mezcla detalle 3657). Figma: D 11353:6761 / M 11353:5564 + Flow 2 11289:9211.
   Layout (padding and direction per breakpoint, centering, intro and rail widths), the eyebrow/title type scale and the CTAs are NATIVE controls.
   Side paddings are symmetric (7.815%) so the block stays centered on very wide screens; at 1440 the cards are still 3 x 265px.
   This CSS keeps only what Elementor cannot do natively: the animated waves, the focus ring, the swipe rows (scroll-snap) and the intro width:auto on tablet/mobile. */
.elementor-16502 .elementor-element.elementor-element-ffb7110 {
  position: relative;
  z-index: 2;
  overflow: visible;
}
/* Animated waves (Figma "Flow 1" is a 10s GIF: the wave travels left, ~2 crests per loop).
   Recreated with a seamless SVG tile (1 period = 2/3 of the width) scrolled via background-position.
   The tile has 3 transparent units above and below (viewBox -3..49) so the browser does not bleed
   one edge into the other (it drew thin straight lines), and overlaps the section by 1px to hide the seam. */
@keyframes bh-wave-d {
  from { background-position-x: 0; }
  to { background-position-x: -66.6667vw; }
}
@keyframes bh-wave-m {
  from { background-position-x: 0; }
  to { background-position-x: -100vw; }
}
.elementor-16502 .elementor-element.elementor-element-ffb7110::before,
.elementor-16502 .elementor-element.elementor-element-ffb7110::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2.7086vw;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 -3 1280 52%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%230f0f0e%22 d=%22M0 21.5C233.1 -4.5 406.9 -4.5 640.0 21.5C873.1 47.5 1046.9 47.5 1280 21.5V46H0Z%22/%3E%3Cpath fill=%22none%22 stroke=%22%23fdfdfd%22 stroke-width=%223%22 d=%22M0 21.5C233.1 -4.5 406.9 -4.5 640.0 21.5C873.1 47.5 1046.9 47.5 1280 21.5%22/%3E%3C/svg%3E") repeat-x 0 0 / 66.6667vw 100%;
  animation: bh-wave-d 5s linear infinite;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .elementor-16502 .elementor-element.elementor-element-ffb7110::before,
  .elementor-16502 .elementor-element.elementor-element-ffb7110::after {
    animation: none;
  }
}
/* Top edge sits over the previous section. Elementor sets top:0 on .e-con::before (overlay), so reset it. */
.elementor-16502 .elementor-element.elementor-element-ffb7110::before {
  top: auto;
  bottom: calc(100% - 0.1563vw - 1px);
}
/* Bottom edge: same wave flipped, over the next section */
.elementor-16502 .elementor-element.elementor-element-ffb7110::after {
  top: calc(100% - 0.1563vw - 1px);
  transform: scaleY(-1);
}

/* Keyboard focus ring (Elementor has no native focus-visible control) */
.elementor-16502 .elementor-element.elementor-element-ffb7110 .bh-products__cta .elementor-button:focus-visible {
  outline: 2px solid #fdfdfd;
  outline-offset: 3px;
}

/* Rail (29836e7): wraps the cards grid. Width/grow/shrink are native; min-width:0 lets it shrink below its content. Mobile: it is the swipe row. */
.elementor-16502 .elementor-element.elementor-element-ffb7110 .bh-products__rail {
  min-width: 0;
}

/* Cards (loop grid, loop item 16021). Gap and max width (rail width 1052px) are native. */
.elementor-16502 .elementor-element.elementor-element-ffb7110 .bh-products__grid {
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 0;
}
.elementor-16502 .elementor-element.elementor-element-ffb7110 .bh-products__grid .elementor-loop-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Tablet: stack, cards become a swipeable row */
@media (max-width: 1024px) {
  .elementor-16502 .elementor-element.elementor-element-ffb7110 .bh-products__intro {
    flex: none;
    width: auto;
  }
  .elementor-16502 .elementor-element.elementor-element-ffb7110 .bh-products__grid .elementor-loop-container {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 48px;
    padding-right: 48px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .elementor-16502 .elementor-element.elementor-element-ffb7110 .bh-products__grid .elementor-loop-container::-webkit-scrollbar {
    display: none;
  }
  .elementor-16502 .elementor-element.elementor-element-ffb7110 .bh-products__grid .e-loop-item {
    flex: 0 0 265px;
    scroll-snap-align: start;
  }
}

/* Mobile (Figma 375): wave line inside the section */
@media (max-width: 767px) {
  /* Figma "Flow 2" (7s GIF): wider wave, 1 period = viewport width. Same 3-unit transparent padding (52px tile). */
  .elementor-16502 .elementor-element.elementor-element-ffb7110::before,
  .elementor-16502 .elementor-element.elementor-element-ffb7110::after {
    height: 52px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 -3 375 52%22 preserveAspectRatio=%22none%22%3E%3Cpath fill=%22%230f0f0e%22 d=%22M0 21.5C68.3 -4.5 119.2 -4.5 187.5 21.5C255.8 47.5 306.7 47.5 375 21.5V46H0Z%22/%3E%3Cpath fill=%22none%22 stroke=%22%23fdfdfd%22 stroke-width=%221.5%22 d=%22M0 21.5C68.3 -4.5 119.2 -4.5 187.5 21.5C255.8 47.5 306.7 47.5 375 21.5%22/%3E%3C/svg%3E");
    background-size: 100vw 100%;
    animation-name: bh-wave-m;
    animation-duration: 3.5s;
  }
  .elementor-16502 .elementor-element.elementor-element-ffb7110::before {
    top: 44px;
    bottom: auto;
  }
  .elementor-16502 .elementor-element.elementor-element-ffb7110::after {
    top: calc(100% - 4px);
  }
  /* The rail is the swipe row of cards */
  .elementor-16502 .elementor-element.elementor-element-ffb7110 .bh-products__rail {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .elementor-16502 .elementor-element.elementor-element-ffb7110 .bh-products__rail::-webkit-scrollbar {
    display: none;
  }
  /* The grid widget is width 100% (native) for desktop; on mobile it must size to its cards */
  .elementor-16502 .elementor-element.elementor-element-ffb7110 .bh-products__grid {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .elementor-16502 .elementor-element.elementor-element-ffb7110 .bh-products__grid .elementor-loop-container {
    width: max-content;
    overflow: visible;
    scroll-snap-type: none;
    padding-right: 0;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DIN Condensed Bold';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://postobon-bretana-s2.quadi.io/wp-content/uploads/2024/10/DINCondensed-Bold.eot');
	src: url('https://postobon-bretana-s2.quadi.io/wp-content/uploads/2024/10/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://postobon-bretana-s2.quadi.io/wp-content/uploads/2024/10/DINCondensed-Bold.woff2') format('woff2'),
		url('https://postobon-bretana-s2.quadi.io/wp-content/uploads/2024/10/DINCondensed-Bold.woff') format('woff'),
		url('https://postobon-bretana-s2.quadi.io/wp-content/uploads/2024/10/DIN-Condensed-Bold-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */