/* Megafrescos corporate refresh */
:root {
  --mega-green: #008459;
  --mega-green-dark: #005f43;
  --mega-navy: #143b5f;
  --mega-gold: #f2b735;
  --mega-ink: #13231d;
  --mega-muted: #63756f;
  --mega-line: #dce8e2;
  --mega-soft: #f5f9f6;
  --mega-white: #ffffff;
}

/* Pimiento product page */
.pepper-page {
  background: #fff;
}

.pepper-page .wrap {
  background: #fff;
}

.pepper-hero {
  align-items: center;
  background: #173b34 url("../images/pimiento/banner-pimientos.jpg") center center / cover no-repeat;
  display: flex;
  min-height: 620px;
  overflow: hidden;
  position: relative;
}

.pepper-hero-shade {
  background:
    linear-gradient(90deg, rgba(6, 32, 31, .9) 0%, rgba(6, 32, 31, .7) 42%, rgba(6, 32, 31, .12) 72%),
    linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .24));
  inset: 0;
  position: absolute;
}

.pepper-hero-inner {
  position: relative;
  width: 100%;
  z-index: 1;
}

.pepper-hero-copy {
  color: #fff;
  max-width: 660px;
  padding: 76px 0 86px;
}

.pepper-hero-area {
  filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .24));
  height: 74px;
  margin-bottom: 18px;
  object-fit: contain;
  width: 150px;
}

.pepper-kicker,
.pepper-section-label {
  color: #15be5c;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .12em;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.pepper-hero .pepper-kicker {
  color: #ffcc4d;
}

.pepper-hero h1 {
  color: #fff;
  font-family: "Pacifico", cursive;
  font-size: 92px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.05;
  margin: 0 0 22px;
}

.pepper-hero-lead {
  color: rgba(255, 255, 255, .94);
  font-size: 21px;
  line-height: 1.55;
  margin: 0 0 30px;
  max-width: 620px;
}

.pepper-hero-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.pepper-primary-action,
.pepper-secondary-action {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  gap: 12px;
  justify-content: center;
  min-height: 50px;
  padding: 0 24px;
}

.pepper-primary-action {
  background: #15be5c;
  color: #fff;
}

.pepper-primary-action:hover {
  background: #2f77b9;
  color: #fff;
  transform: translateY(-3px);
}

.pepper-secondary-action {
  border: 1px solid rgba(255, 255, 255, .72);
  color: #fff;
}

.pepper-secondary-action:hover {
  background: #fff;
  color: #2f77b9;
}

.pepper-hero-values {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  list-style: none;
  margin: 34px 0 0;
  padding: 0;
}

.pepper-hero-values li {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 9px;
}

.pepper-hero-values li::before {
  background: #ffcc4d;
  border-radius: 50%;
  content: "";
  height: 8px;
  width: 8px;
}

.pepper-commercial {
  background:
    linear-gradient(rgba(255,255,255,.72), rgba(255,255,255,.72)),
    url("../images/backgrounds/fondo-acuarela.png") center center / cover no-repeat;
  padding: 96px 0;
}

.pepper-commercial-grid {
  align-items: center;
  display: grid;
  gap: 76px;
  grid-template-columns: minmax(360px, .9fr) minmax(520px, 1.1fr);
}

.pepper-product-visual {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 520px;
  position: relative;
}

.pepper-product-halo {
  background: #fff;
  border: 1px solid rgba(21, 190, 92, .18);
  border-radius: 50%;
  box-shadow: 0 28px 70px rgba(20, 59, 95, .14);
  height: 480px;
  position: absolute;
  width: 480px;
}

.pepper-product-visual > img {
  border-radius: 50%;
  display: block;
  height: 430px;
  object-fit: cover;
  position: relative;
  transition: transform .5s ease, filter .5s ease;
  width: 430px;
  z-index: 1;
}

.pepper-product-visual:hover > img {
  filter: saturate(1.08);
  transform: scale(1.04) rotate(-2deg);
}

.pepper-commercial-copy h2,
.pepper-season h2,
.pepper-benefits h2,
.pepper-section-heading h2 {
  color: #2f77b9;
  font-family: "Pacifico", cursive;
  font-size: 48px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 20px;
}

.pepper-commercial-copy > p:not(.pepper-section-label) {
  color: #52625d;
  font-size: 18px;
  line-height: 1.7;
  margin: 0 0 30px;
}

.pepper-pack-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pepper-pack {
  background: rgba(255,255,255,.94);
  border: 1px solid #e3ebe7;
  border-radius: 6px;
  box-shadow: 0 14px 30px rgba(20, 59, 95, .08);
  min-height: 190px;
  padding: 24px 20px;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.pepper-pack:hover {
  border-color: rgba(21, 190, 92, .5);
  box-shadow: 0 20px 38px rgba(20, 59, 95, .14);
  transform: translateY(-6px);
}

.pepper-pack h3 {
  color: #143b5f;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
  margin: 0 0 14px;
}

.pepper-pack ul {
  color: #63756f;
  font-size: 14px;
  line-height: 1.55;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pepper-pack li {
  border-top: 1px solid #edf2ef;
  padding: 7px 0;
}

.pepper-pack li:first-child {
  border-top: 0;
  padding-top: 0;
}

.pepper-season {
  background: #f5f9f6;
  padding: 82px 0;
}

.pepper-season-heading {
  align-items: end;
  display: grid;
  gap: 40px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 38px;
}

.pepper-season-heading h2 {
  margin-bottom: 0;
}

.pepper-season-heading > p {
  color: #63756f;
  font-size: 17px;
  line-height: 1.65;
  margin: 0;
}

.pepper-months {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.pepper-months span {
  align-items: center;
  background: #fff;
  border: 1px solid #dce8e2;
  border-radius: 4px;
  color: #899791;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  height: 52px;
  justify-content: center;
}

.pepper-months .is-available {
  background: #15be5c;
  border-color: #15be5c;
  box-shadow: 0 9px 18px rgba(21, 190, 92, .18);
  color: #fff;
}

.pepper-season-key {
  align-items: center;
  color: #63756f;
  display: flex;
  font-size: 13px;
  gap: 8px;
  margin-top: 16px;
}

.pepper-season-key i {
  background: #15be5c;
  border-radius: 50%;
  height: 9px;
  width: 9px;
}

.pepper-benefits {
  background: #fff;
  overflow: hidden;
  padding: 96px 0;
  position: relative;
}

.pepper-benefits::before {
  background: url("../images/backgrounds/frambuesa-pimientos.png") center center / cover no-repeat;
  content: "";
  inset: 0;
  opacity: .16;
  position: absolute;
}

.pepper-benefits-grid {
  align-items: center;
  display: grid;
  gap: 80px;
  grid-template-columns: 1fr 1fr;
  position: relative;
  z-index: 1;
}

.pepper-benefit-highlight {
  color: #143b5f;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.45;
  margin: 0 0 18px;
}

.pepper-benefits-copy > p:last-of-type {
  color: #63756f;
  font-size: 17px;
  line-height: 1.7;
}

.pepper-benefit-points {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 30px;
}

.pepper-benefit-points div {
  border-left: 3px solid #15be5c;
  padding-left: 14px;
}

.pepper-benefit-points strong,
.pepper-benefit-points span {
  display: block;
}

.pepper-benefit-points strong {
  color: #2f77b9;
  font-size: 15px;
}

.pepper-benefit-points span {
  color: #63756f;
  font-size: 12px;
}

.pepper-nutrition-visual {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 510px;
  position: relative;
}

.pepper-benefits-image {
  filter: drop-shadow(0 24px 30px rgba(20, 59, 95, .16));
  height: 480px;
  object-fit: contain;
  width: auto;
}

.pepper-nutrition-table {
  border: 8px solid #fff;
  border-radius: 4px;
  bottom: 12px;
  box-shadow: 0 20px 44px rgba(20, 59, 95, .2);
  height: 230px;
  object-fit: cover;
  position: absolute;
  right: 0;
  transform: rotate(4deg);
  width: 124px;
}

.pepper-gallery {
  background: #f5f9f6;
  padding: 92px 0 96px;
}

.pepper-section-heading {
  margin: 0 auto 42px;
  max-width: 780px;
  text-align: center;
}

.pepper-gallery-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1.2fr .8fr .8fr;
  grid-template-rows: repeat(2, 245px);
}

.pepper-gallery-item {
  border-radius: 6px;
  display: block;
  overflow: hidden;
  position: relative;
}

.pepper-gallery-wide {
  grid-row: 1 / 3;
}

.pepper-gallery-item::after {
  background: rgba(20, 59, 95, 0);
  content: "";
  inset: 0;
  position: absolute;
  transition: background .35s ease;
}

.pepper-gallery-item img {
  height: 100%;
  object-fit: cover;
  transition: transform .65s cubic-bezier(.2,.7,.2,1);
  width: 100%;
}

.pepper-gallery-item:hover::after {
  background: rgba(20, 59, 95, .2);
}

.pepper-gallery-item:hover img {
  transform: scale(1.07);
}

.pepper-related {
  background: #fff;
  padding: 88px 0 96px;
}

.pepper-related-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pepper-related-grid a {
  align-items: center;
  border: 1px solid #e3ebe7;
  border-radius: 6px;
  color: #143b5f;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 700;
  justify-content: center;
  min-height: 230px;
  padding: 24px 16px 20px;
}

.pepper-related-grid a:hover {
  border-color: #15be5c;
  box-shadow: 0 18px 36px rgba(20, 59, 95, .1);
  color: #15a952;
  transform: translateY(-6px);
}

.pepper-related-grid img {
  height: 145px;
  margin-bottom: 14px;
  object-fit: contain;
  transition: transform .3s ease;
  width: 100%;
}

.pepper-related-grid a:hover img {
  transform: scale(1.06) rotate(-2deg);
}

.pepper-cta {
  background: #2f77b9;
  padding: 62px 0;
}

.pepper-cta-inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.pepper-cta p {
  color: #cfe6ff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .12em;
  margin: 0 0 6px;
  text-transform: uppercase;
}

.pepper-cta h2 {
  color: #fff;
  font-family: "Pacifico", cursive;
  font-size: 42px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0;
}

.pepper-cta a {
  align-items: center;
  background: #fff;
  border-radius: 4px;
  color: #2f77b9;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  gap: 10px;
  min-height: 50px;
  padding: 0 24px;
}

.pepper-cta a:hover {
  background: #15be5c;
  color: #fff;
  transform: translateY(-3px);
}

@media (max-width: 991px) {
  .pepper-commercial-grid {
    gap: 48px;
    grid-template-columns: 1fr;
  }

  .pepper-product-visual {
    min-height: 450px;
  }

  .pepper-pack-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pepper-benefits-grid {
    gap: 44px;
    grid-template-columns: 1fr;
  }

  .pepper-related-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .pepper-hero {
    background-position: 62% center;
    min-height: 570px;
  }

  .pepper-hero-shade {
    background: linear-gradient(90deg, rgba(6, 32, 31, .9), rgba(6, 32, 31, .48));
  }

  .pepper-hero-copy {
    padding: 58px 0 66px;
  }

  .pepper-hero-area {
    height: 58px;
    width: 120px;
  }

  .pepper-hero h1 {
    font-size: 62px;
  }

  .pepper-hero-lead {
    font-size: 17px;
  }

  .pepper-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .pepper-primary-action,
  .pepper-secondary-action {
    width: 100%;
  }

  .pepper-hero-values {
    gap: 8px 16px;
  }

  .pepper-commercial,
  .pepper-benefits,
  .pepper-gallery,
  .pepper-related {
    padding: 64px 0;
  }

  .pepper-commercial-grid {
    gap: 32px;
  }

  .pepper-product-visual {
    min-height: 330px;
  }

  .pepper-product-halo {
    height: 310px;
    width: 310px;
  }

  .pepper-product-visual > img {
    height: 280px;
    width: 280px;
  }

  .pepper-commercial-copy h2,
  .pepper-season h2,
  .pepper-benefits h2,
  .pepper-section-heading h2 {
    font-size: 34px;
  }

  .pepper-commercial-copy > p:not(.pepper-section-label) {
    font-size: 16px;
  }

  .pepper-pack-grid {
    grid-template-columns: 1fr;
  }

  .pepper-pack {
    min-height: 0;
  }

  .pepper-season {
    padding: 62px 0;
  }

  .pepper-season-heading {
    align-items: start;
    gap: 14px;
    grid-template-columns: 1fr;
  }

  .pepper-months {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .pepper-benefit-highlight {
    font-size: 21px;
  }

  .pepper-benefit-points {
    grid-template-columns: 1fr;
  }

  .pepper-nutrition-visual {
    min-height: 390px;
  }

  .pepper-benefits-image {
    height: 360px;
    max-width: 78%;
  }

  .pepper-nutrition-table {
    height: 180px;
    right: 8px;
    width: 96px;
  }

  .pepper-gallery-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 260px 170px 170px;
  }

  .pepper-gallery-wide {
    grid-column: 1 / 3;
    grid-row: auto;
  }

  .pepper-related-grid {
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pepper-related-grid a {
    min-height: 190px;
  }

  .pepper-related-grid img {
    height: 112px;
  }

  .pepper-cta-inner {
    align-items: stretch;
    flex-direction: column;
    gap: 26px;
    text-align: center;
  }

  .pepper-cta h2 {
    font-size: 34px;
  }

  .pepper-cta a {
    justify-content: center;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--mega-soft);
  color: var(--mega-ink);
  font-family: "Poppins", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
}

a,
button,
input {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

a:hover,
a:focus {
  text-decoration: none;
}

.wrap {
  background: var(--mega-soft);
  overflow: hidden;
}

.top-header.top-header2 {
  display: none;
}

#header {
  position: sticky;
  top: 0;
  z-index: 999;
}

.main-header3 {
  background: #fff !important;
  border: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
  min-height: 82px;
  padding: 0 !important;
}

.main-header3 .container,
.main-header3 .row {
  min-height: 82px;
}

.main-header3 .row {
  align-items: center;
  display: flex;
}

.main-header3 .col-md-3 {
  width: 190px;
}

.main-header3 .col-md-9 {
  flex: 1;
  width: calc(100% - 190px);
}

.main-header3 .logo3 {
  align-items: center;
  display: flex;
  min-height: 82px;
  margin-bottom: 0;
  padding: 0;
}

.main-header3 .logo3 img {
  width: 150px !important;
  max-width: 100%;
}

.main-nav.main-nav3 {
  float: none !important;
  margin-top: 0;
  text-align: center;
  width: 100%;
}

.main-nav.main-nav3 > ul {
  align-items: center;
  display: inline-flex;
  gap: 10px;
  margin: 0;
  vertical-align: middle;
}

.main-nav.main-nav3 > ul > li {
  float: none;
  position: relative;
}

.main-nav.main-nav3 > ul > li:not(.mega-nav-lang):not(.mega-nav-facebook)::after {
  background: #d8dedb;
  content: "";
  height: 18px;
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.main-nav.main-nav3 > ul > li > a {
  align-items: center;
  border-radius: 0;
  color: #333;
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  height: 82px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  padding: 0 13px;
  text-transform: none;
}

.main-nav.main-nav3 > ul > li:not(.mega-nav-lang) > a {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.main-nav.main-nav3 > ul > li.mega-nav-lang > a {
  color: #66736e;
  font-size: 12px;
  font-weight: 500;
}

.main-nav.main-nav3 > ul > li.mega-nav-facebook > a {
  background: transparent;
  border: 1px solid #d8dedb;
  border-radius: 50%;
  color: #7b8984;
  height: 38px;
  padding: 0;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
  width: 38px;
}

.main-nav.main-nav3 > ul > li.mega-nav-facebook > a:hover {
  background: #2f77b9;
  border-color: #2f77b9;
  color: #fff;
  transform: translateY(-3px);
}

.main-nav.main-nav3 > ul > li.menu-item-has-children > a::after,
.mega-nav-lang > a::after {
  color: #8b9a94;
  content: "\f107";
  font-family: FontAwesome;
  font-size: 11px;
  margin-left: 6px;
}

.main-nav.main-nav3 > ul > li:hover > a,
.main-nav.main-nav3 > ul > li.current-menu-item > a {
  background: transparent;
  border-color: transparent;
  color: #15be5c;
}

.main-nav.main-nav3 > ul > li.mega-nav-cta > a {
  background: var(--mega-green);
  border-radius: 4px;
  box-shadow: 0 8px 18px rgba(0, 132, 89, .2);
  color: #fff;
  line-height: 42px;
  margin-left: 10px;
  padding: 0 20px;
  text-transform: uppercase;
}

.main-nav.main-nav3 > ul > li.mega-nav-cta > a:hover {
  background: var(--mega-green-dark);
  color: #fff;
}

.mega-nav-lang > a {
  align-items: center;
  display: inline-flex !important;
  gap: 7px;
}

.mega-nav-lang img {
  width: 18px;
}

.mega-nav-lang .sub-menu a {
  align-items: center;
  display: flex;
  gap: 8px;
}

.mega-nav-lang .sub-menu img {
  display: inline-block;
  margin-right: 8px;
  width: 18px;
}

.main-nav .sub-menu {
  background: #fff;
  border: 0;
  border-radius: 0;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
  min-width: 230px;
  overflow: visible;
  padding: 8px 0;
}

.main-nav .sub-menu li a {
  color: #333;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 18px;
}

.main-nav .sub-menu li a:hover {
  background: #f6faf8;
  color: #15be5c;
}

.banner-slider3 {
  background: var(--mega-navy) url("../images/home/home3/slide5.jpg") center center / cover no-repeat;
  min-height: 100vh;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.banner-slider3 .banner-thumb,
.banner-slider3 .banner-thumb a,
.banner-slider3 .banner-thumb img {
  min-height: 100vh;
  height: 100vh;
}

.banner-slider3 .mega-video-thumb {
  background: #000;
  display: block;
  min-height: 100vh;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.mega-video-slide {
  inset: 0;
  overflow: hidden;
  position: absolute;
}

.mega-video-slide > video,
.mega-video-slide > .mega-youtube-bg {
  height: 100%;
  inset: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}

.mega-video-slide > video {
  object-fit: cover;
  object-position: center;
}

.mega-youtube-bg {
  border: 0;
}

iframe[src*="youtube.com/embed"] {
  pointer-events: none;
}

.mega-video-slide > .mega-youtube-bg,
.pepper-video-hero > .mega-youtube-bg {
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 177.78vh;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
}

.mega-video-slide::after {
  background: rgba(4, 28, 34, .2);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.mega-video-messages {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 30px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  z-index: 2;
}

.mega-video-messages span {
  animation: mega-video-message 56s ease-in-out infinite;
  color: #fff;
  font-size: 54px;
  font-weight: 800;
  left: 50%;
  letter-spacing: 0;
  line-height: 1.15;
  opacity: 0;
  position: absolute;
  text-shadow: 0 5px 24px rgba(0, 0, 0, .5);
  top: 50%;
  transform: translate(-50%, calc(-50% + 22px));
  width: min(1100px, calc(100% - 60px));
}

.mega-video-slide.is-synced .mega-video-messages span {
  animation-play-state: running;
}

.mega-video-messages span::after {
  background: #fff;
  content: "";
  display: block;
  height: 3px;
  margin: 22px auto 0;
  width: 110px;
}

.mega-video-messages span:nth-child(2) {
  animation-delay: 8s;
}

.mega-video-messages span:nth-child(3) {
  animation-delay: 16s;
}

.mega-video-messages span:nth-child(4) {
  animation-delay: 24s;
}

.mega-video-messages span:nth-child(5) {
  animation-delay: 32s;
}

.mega-video-messages span:nth-child(6) {
  animation-delay: 40s;
}

.mega-video-messages span:nth-child(7) {
  animation-delay: 48s;
}

@keyframes mega-video-message {
  0% {
    opacity: 0;
    transform: translate(-50%, calc(-50% + 22px));
  }
  1.8%, 12.5% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  14.285%, 100% {
    opacity: 0;
    transform: translate(-50%, calc(-50% - 22px));
  }
}

.banner-slider3 .banner-thumb img {
  filter: saturate(.95) contrast(1.04);
  height: 620px;
  object-fit: cover;
  width: 100%;
}

.banner-slider3 .owl-controls,
.banner-slider3 .owl-pagination,
.banner-slider3 .owl-buttons {
  display: none !important;
}

.banner-slider3::after {
  display: none;
}

.mega-hero-panel {
  color: var(--mega-white);
  left: 50%;
  max-width: 1170px;
  padding: 0 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 5;
}

.mega-hero-content {
  max-width: 660px;
}

.mega-eyebrow {
  align-items: center;
  color: rgba(255,255,255,.86);
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  gap: 10px;
  letter-spacing: .18em;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.mega-eyebrow::before {
  background: var(--mega-gold);
  content: "";
  display: inline-block;
  height: 2px;
  width: 42px;
}

.mega-hero-panel h1 {
  color: var(--mega-white);
  font-size: 58px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.05;
  margin: 0 0 20px;
  text-transform: none;
}

.mega-hero-panel p {
  color: rgba(255,255,255,.88);
  font-size: 18px;
  line-height: 1.8;
  margin: 0 0 30px;
  max-width: 620px;
}

.mega-hero-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 34px;
}

.mega-btn {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  justify-content: center;
  letter-spacing: .08em;
  min-height: 48px;
  padding: 0 24px;
  text-transform: uppercase;
}

.mega-btn-primary {
  background: var(--mega-gold);
  color: #1e2a20;
  box-shadow: 0 14px 30px rgba(242,183,53,.25);
}

.mega-btn-primary:hover,
.mega-btn-primary:focus {
  background: #ffd261;
  color: #1e2a20;
  transform: translateY(-2px);
}

.mega-btn-secondary {
  border: 1px solid rgba(255,255,255,.45);
  color: var(--mega-white);
}

.mega-btn-secondary:hover,
.mega-btn-secondary:focus {
  background: rgba(255,255,255,.12);
  color: var(--mega-white);
  transform: translateY(-2px);
}

.mega-hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.mega-stat {
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 8px;
  min-width: 150px;
  padding: 14px 16px;
}

.mega-stat strong {
  color: var(--mega-white);
  display: block;
  font-size: 25px;
  line-height: 1;
}

.mega-stat span {
  color: rgba(255,255,255,.78);
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  margin-top: 7px;
  text-transform: uppercase;
}

.banner-slider3 .owl-theme .owl-controls {
  position: relative;
  z-index: 6;
}

.fondo-berries {
  background: #fff url("../images/backgrounds/welcome-watercolor-field.png") center center / cover no-repeat !important;
  margin: -54px 0 -70px;
  overflow: hidden;
  padding: 54px 0 70px;
  position: relative;
}

.fondo-berries::before {
  background: url("../images/backgrounds/welcome-watercolor-field.png") center center / cover no-repeat;
  content: "";
  inset: 0;
  position: absolute;
  z-index: 0;
}

.fondo-berries > section,
.fondo-berries .container,
.fondo-berries .welcome-section {
  background-color: transparent !important;
  position: relative;
  z-index: 1;
}

.latest-news4 {
  background: transparent !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-top: 0;
  overflow: visible;
  padding: 0;
}

.latest-news4 .title-box1 {
  margin-bottom: 34px;
}

.welcome-section .row {
  align-items: center;
  display: flex;
  width: 100%;
}

.welcome-section {
  align-items: center;
  display: flex;
  min-height: 620px;
}

.welcome-heading {
  margin: 0 auto 42px;
  max-width: 820px;
}

.welcome-heading span {
  color: #15be5c;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.welcome-heading h2 {
  color: var(--mega-navy);
  font-size: 42px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.15;
  margin: 0 0 16px;
}

.welcome-heading p {
  color: var(--mega-muted);
  font-size: 17px;
  line-height: 1.8;
  margin: 0 auto;
  max-width: 700px;
}

.welcome-video-scene {
  padding: 52px 46px 42px;
  position: relative;
}

.welcome-video-photo {
  border: 7px solid #fff;
  border-radius: 8px;
  box-shadow: 0 22px 48px rgba(20, 59, 95, .24);
  display: block;
  height: 188px;
  object-fit: cover;
  position: absolute;
  width: 248px;
  z-index: 0;
}

.welcome-photo-one {
  left: -20px;
  top: 4px;
  transform: rotate(-9deg);
}

.welcome-photo-two {
  bottom: 0;
  right: -24px;
  top: auto;
  transform: rotate(8deg);
}

.welcome-video-scene:hover .welcome-photo-one {
  transform: translate(-6px, -4px) rotate(-10deg);
}

.welcome-video-scene:hover .welcome-photo-two {
  transform: translate(8px, 8px) rotate(10deg);
}

.welcome-video-photo {
  transition: transform .28s ease, box-shadow .28s ease;
}

.welcome-video {
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  box-shadow: 0 24px 55px rgba(20, 59, 95, .18);
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.welcome-video video {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.welcome-video::before {
  border: 1px solid rgba(255,255,255,.45);
  border-radius: 8px;
  content: "";
  inset: 10px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

.welcome-copy {
  padding-left: 38px;
  padding-top: 8px;
}

.welcome-copy h2 {
  color: #2f77b9;
  font-family: "Pacifico", cursive;
  font-size: 42px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.15;
  margin: 0 0 18px;
}

.welcome-copy .title21 {
  color: var(--mega-navy);
  font-size: 28px;
  font-weight: 800;
  margin: 0 0 18px;
}

.welcome-copy p {
  color: #40524b;
  font-size: 18px !important;
  line-height: 1.9;
  margin-bottom: 28px;
}

.welcome-copy strong {
  color: #15be5c;
}

.welcome-highlights {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.welcome-highlights div {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 132px;
}

.welcome-highlight-icon {
  display: block;
  height: 125px;
  margin: 0;
  object-fit: contain;
  object-position: center;
  transition: filter .22s ease, transform .22s ease;
  width: 125px;
}

.welcome-highlights div:hover .welcome-highlight-icon {
  filter: drop-shadow(0 16px 16px rgba(20, 59, 95, .18));
  transform: translateY(-8px) rotate(-2deg) scale(1.06);
}

.welcome-highlights div:active .welcome-highlight-icon {
  transform: translateY(-2px) rotate(1deg) scale(.96);
}

.welcome-highlights strong {
  color: var(--mega-navy);
  display: block;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 7px;
}

.welcome-highlights span {
  color: var(--mega-muted);
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1.35;
  text-transform: uppercase;
}

.title30,
.title36,
.title21,
.product-title {
  letter-spacing: 0;
}

.title30,
.title36 {
  color: var(--mega-navy);
}

.title-box1::after {
  background: var(--mega-gold);
  border: 0;
  height: 3px;
  width: 64px;
}

.post-info .title21 a,
.latest-news4 .title36 a {
  color: var(--mega-navy) !important;
}

.latest-news4 p,
.desc {
  color: var(--mega-muted);
}

.latest-news4 iframe {
  border-radius: 8px;
  box-shadow: 0 18px 40px rgba(20, 59, 95, .12);
}

a.post-cat {
  background: var(--mega-green);
  border-radius: 999px;
  box-shadow: 0 12px 24px rgba(0,132,89,.18);
  color: var(--mega-white);
  display: inline-flex;
  font-weight: 800;
  letter-spacing: .08em;
  padding: 11px 20px;
  text-transform: uppercase;
}

a.post-cat:hover {
  background: var(--mega-navy);
  color: var(--mega-white);
}

.product-adv3,
.item-product,
.item-popcat3,
.item-adv8,
.item-adv1 {
  border-radius: 8px;
  overflow: hidden;
}

.product-tab3 {
  background: var(--mega-white);
  border: 1px solid var(--mega-line);
  border-radius: 8px;
  box-shadow: 0 18px 46px rgba(20, 59, 95, .1);
  padding: 34px;
  width: 100%;
}

.title-tab1 li a {
  border-radius: 999px;
  font-weight: 700;
}

.title-tab1 li.active a {
  background: var(--mega-green);
  border-color: var(--mega-green);
}

.featured-product6 {
  background: var(--mega-navy);
  background-image: linear-gradient(135deg, rgba(20,59,95,.96), rgba(0,95,67,.92));
  margin-top: 68px;
  padding: 74px 0 84px;
}

.mega-products-section {
  background: #079aa6;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: background-color .35s ease;
}

.mega-products-section > .container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.mega-products-carousel {
  overflow: visible;
  position: relative;
}

.mega-product-slide {
  align-items: center;
  background: #079aa6;
  display: flex;
  justify-content: center;
  min-height: 680px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.mega-product-slide-alt {
  background: #d92172;
}

.mega-product-slide-green {
  background: #0b8f61;
}

.mega-product-slide-gold {
  background: #e0a51a;
}

.mega-product-slide-blue {
  background: #2f77c3;
}

.mega-product-slide-garlic {
  background: #7f8f3f;
}

.mega-product-slide-celery {
  background: #2f9c64;
}

.mega-product-slide-jalapeno {
  background: #148345;
}

.mega-product-slide-cauliflower {
  background: #8aa7b0;
}

.mega-product-showcase {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 1180px;
  padding: 54px 28px 72px;
  position: relative;
  z-index: 2;
}

.mega-product-showcase span {
  display: block;
}

.mega-product-area-logo {
  display: block;
  filter: drop-shadow(0 12px 10px rgba(0, 0, 0, .18));
  height: auto;
  margin: 0 auto 18px;
  max-height: 74px;
  object-fit: contain;
  width: 150px;
}

.mega-product-showcase h2 {
  color: #fff;
  font-family: "Pacifico", cursive;
  font-size: 72px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.08;
  margin: 0 0 54px;
  max-width: 780px;
}

.mega-product-row {
  align-items: end;
  display: flex;
  gap: clamp(22px, 4vw, 62px);
  justify-content: center;
  margin: 0 0 36px;
  width: 100%;
}

.mega-product-row a {
  align-items: end;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  display: flex;
  justify-content: center;
  line-height: 1;
  padding: 0 !important;
  position: relative;
  transform-origin: center bottom;
  transition: transform .22s ease, filter .22s ease;
}

.mega-product-row a::after {
  content: none !important;
}

.mega-product-row a::before {
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, .32), rgba(0, 0, 0, 0) 68%);
  bottom: -20px;
  content: "";
  height: 28px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity .22s ease, transform .22s ease;
  width: 92px;
  z-index: -1;
}

.mega-product-row a:hover {
  filter: saturate(1.08);
  transform: translateY(-14px) rotate(-2deg) scale(1.08);
}

.mega-product-row a:hover::before {
  opacity: .72;
  transform: translateX(-50%) scale(.86);
}

.mega-product-row a:active {
  transform: translateY(-4px) rotate(1deg) scale(.94);
}

.mega-product-row img {
  display: block;
  filter: drop-shadow(0 24px 15px rgba(0, 0, 0, .28));
  height: 118px;
  object-fit: contain;
  pointer-events: none;
  width: auto;
}

.mega-product-row .is-active img {
  filter: drop-shadow(0 38px 24px rgba(0, 0, 0, .3));
  height: 225px;
}

.mega-product-showcase p {
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
  margin: 0 auto;
  max-width: 560px;
}

.mega-products-carousel .owl-controls {
  margin-top: 0;
}

.mega-products-carousel .owl-theme .owl-controls .owl-buttons div,
.mega-products-carousel.owl-theme .owl-controls .owl-buttons div {
  background: rgba(255, 255, 255, .16);
  border: 2px solid rgba(255, 255, 255, .72);
  color: #fff;
  height: 48px;
  line-height: 44px;
  margin-top: -24px;
  position: absolute;
  top: 50%;
  width: 48px;
}

.mega-products-carousel .owl-theme .owl-controls .owl-buttons div:hover,
.mega-products-carousel.owl-theme .owl-controls .owl-buttons div:hover {
  background: #fff;
  color: #079aa6;
}

.mega-products-carousel .owl-controls .owl-buttons .owl-prev {
  left: 14px;
}

.mega-products-carousel .owl-controls .owl-buttons .owl-next {
  right: 14px;
}

.mega-products-carousel .owl-pagination {
  display: none !important;
}

.featured-product6 .title-box1 {
  color: var(--mega-white);
  margin-bottom: 42px;
}

.featured-product6 .item-product-featured6 {
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 8px;
  box-shadow: 0 20px 40px rgba(0,0,0,.12);
  margin: 12px;
  padding: 28px 20px;
}

.mega-products-section .item-product-featured6 {
  margin: 10px;
  padding: 24px 16px;
}

.featured-product6 .product-thumb img {
  max-height: 220px;
  object-fit: contain;
  width: auto !important;
}

.mega-products-section .product-thumb img {
  max-height: 190px;
}

.mega-company-section {
  background:
    linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)),
    #fff url("../images/backgrounds/fondo-acuarela.png") center center / cover fixed no-repeat;
  margin: 0;
  overflow: hidden;
  padding: 92px 0 96px;
  position: relative;
}

.mega-company-section::before {
  content: none;
}

.mega-company-section::after {
  content: none;
}

.mega-company-section .container {
  position: relative;
  z-index: 1;
}

.mega-company-heading {
  margin: 0 auto 48px;
  max-width: 940px;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

.mega-company-heading span {
  color: var(--mega-green);
  display: inline-block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .14em;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.mega-company-heading h2 {
  color: #2f77b9;
  font-family: "Pacifico", cursive;
  font-size: 46px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 0 auto 18px;
}

.mega-company-heading p {
  color: #253330;
  font-size: 21px;
  line-height: 1.65;
  margin: 0 auto;
  max-width: 900px;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1440px) {
  .mega-company-heading {
    max-width: 820px;
  }

  .mega-company-heading p {
    max-width: 760px;
  }
}

.mega-company-heading strong {
  color: #15be5c;
}

.mega-company-collage {
  display: grid;
  gap: 34px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
  margin: 0 auto;
  max-width: 1080px;
}

.mega-company-collage-item {
  aspect-ratio: 1;
  border-radius: 50%;
  box-shadow: 0 22px 46px rgba(20, 59, 95, .14);
  margin: 0;
  overflow: hidden;
  position: relative;
}

.mega-company-collage-field {
  grid-row: auto;
}

.mega-company-collage-photo {
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  transition: filter .45s ease, transform .7s cubic-bezier(.2,.7,.2,1);
  width: 100%;
}

.mega-company-collage-photo-hover {
  opacity: 0;
  transform: scale(1.04);
  transition: filter .45s ease, opacity .45s ease, transform .7s cubic-bezier(.2,.7,.2,1);
}

.mega-company-collage-item::after {
  background: rgba(7, 35, 29, .2);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  transition: background .35s ease;
}

.mega-company-collage-item figcaption {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  position: absolute;
  z-index: 2;
}

.mega-company-collage-item figcaption img {
  filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .32));
  height: 118px;
  max-width: 220px;
  object-fit: contain;
  transition: transform .35s ease;
  width: auto;
}

.mega-company-collage-field figcaption img {
  height: 118px;
  max-width: 220px;
}

.mega-company-collage-item:hover .mega-company-collage-photo-base {
  filter: saturate(1.08) brightness(.76);
  transform: scale(1.07);
}

.mega-company-collage-item:hover .mega-company-collage-photo-hover {
  filter: saturate(1.08) brightness(.76);
  opacity: 1;
  transform: scale(1);
}

.mega-company-collage-item:hover figcaption img {
  transform: translateY(-5px) scale(1.06);
}

.mega-company-section .item-product-featured6 {
  border: 1px solid #eef2f0;
  box-shadow: 0 16px 34px rgba(20, 59, 95, .08);
}

.mega-company-section .product-thumb img {
  max-height: 170px;
}

.mega-company-logos {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -18px;
  margin-right: -18px;
}

.mega-company-logo-card {
  align-items: center;
  background: rgba(20, 59, 95, .08);
  border: 1px solid rgba(255,255,255,.78);
  border-bottom: 0;
  border-radius: 8px;
  box-shadow: 0 28px 64px rgba(20, 59, 95, .12);
  display: flex;
  justify-content: center;
  margin: 0 0 24px;
  min-height: 220px;
  overflow: hidden;
  padding: 34px 28px;
  position: relative;
  transition: transform .28s ease, box-shadow .28s ease, background-color .28s ease;
}

.mega-company-logo-card::before {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  filter: saturate(1.08);
  inset: 0;
  opacity: 1;
  position: absolute;
  transform: scale(1.12);
  transition: transform .45s ease, opacity .28s ease;
  z-index: 0;
}

.mega-company-logo-card::after {
  background: rgba(0, 0, 0, 0);
  content: "";
  inset: 0;
  position: absolute;
  transition: background .28s ease;
  z-index: 1;
}

.mega-company-logo-field::before {
  background-image: url("../images/blog/campo-abierto.jpg");
}

.mega-company-logo-hydro::before {
  background-image: url("../images/home/home3/gal1.jpg");
}

.mega-company-logo-tunnel::before {
  background-image: url("../images/blog/macrotunel.jpg");
}

.mega-company-logo-card:hover {
  background: rgba(255,255,255,.9);
  box-shadow: 0 34px 78px rgba(20, 59, 95, .18);
  transform: translateY(-10px) scale(1.02);
}

.mega-company-logo-card:hover::before {
  opacity: 1;
  transform: scale(1.02);
}

.mega-company-logo-card:hover::after {
  background: rgba(0, 0, 0, .34);
}

.mega-company-logo-card img {
  display: block;
  height: auto;
  max-height: 168px;
  max-width: 300px;
  opacity: 0;
  position: relative;
  transform: scale(.86);
  transition: opacity .28s ease, transform .28s ease, filter .28s ease;
  width: 100%;
  z-index: 2;
}

.mega-company-logo-card:hover img {
  filter: drop-shadow(0 14px 20px rgba(0, 0, 0, .35));
  opacity: 1;
  transform: scale(1);
}

.mega-distribution-hero {
  background:
    linear-gradient(90deg, rgba(255,255,255,.88), rgba(255,255,255,.64) 44%, rgba(255,255,255,.76)),
    url("../images/fondos/distribucion.jpg") center center / cover no-repeat;
  background-blend-mode: screen, normal;
  min-height: 720px;
  overflow: hidden;
  position: relative;
  padding: 92px 0 86px;
}

.mega-distribution-hero::before {
  background:
    radial-gradient(circle at 9% -4%, rgba(242, 183, 53, .18), transparent 18%),
    radial-gradient(circle at 93% 2%, rgba(47, 119, 195, .15), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.72));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.mega-distribution-layout {
  align-items: center;
  display: grid;
  gap: 44px;
  grid-template-columns: minmax(320px, .82fr) minmax(420px, 1.18fr);
  min-height: 540px;
  position: relative;
  z-index: 1;
}

.mega-distribution-copy {
  color: var(--mega-navy);
  max-width: 620px;
}

.mega-distribution-copy span {
  color: #c8f0d7;
  display: inline-block;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .16em;
  margin-bottom: 14px;
  text-transform: uppercase;
}

.mega-distribution-copy h1 {
  color: #2f77b9;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.24;
  margin: 0;
}

.mega-distribution-title {
  color: #15be5c;
  font-family: "Pacifico", cursive;
  font-size: 44px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 18px;
}

.mega-distribution-copy h1 .mega-distribution-stat {
  color: #2f77b9;
  display: inline;
  font-family: "Pacifico", cursive;
  font-size: 1.18em;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
  text-transform: none;
}

.mega-distribution-copy h1 strong,
.mega-distribution-copy h1 b {
  font-weight: 800;
}

.mega-distribution-subtitle {
  color: rgba(20, 59, 95, .72) !important;
  font-size: 20px !important;
  font-weight: 500;
  line-height: 1.55 !important;
  margin: 18px 0 0 !important;
  max-width: 560px;
}

.mega-distribution-values {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 30px;
}

.mega-distribution-value {
  align-items: center;
  background: transparent;
  border: 0;
  color: #15be5c;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  gap: 12px;
  min-width: 82px;
  padding: 0;
  text-transform: uppercase;
}

.mega-distribution-copy .mega-distribution-value span {
  color: #15be5c;
  font-size: 14px;
  letter-spacing: 0;
  margin: 0;
  text-transform: uppercase;
}

.mega-distribution-value img {
  align-items: center;
  background: #fff;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(47, 119, 185, .18), 0 14px 30px rgba(20, 59, 95, .16);
  display: flex;
  height: 74px;
  justify-content: center;
  object-fit: contain;
  padding: 11px;
  transition: background-color .25s ease, color .25s ease, transform .3s ease, box-shadow .3s ease;
  width: 74px;
}

.mega-distribution-value:hover img,
.mega-distribution-value:focus-visible img {
  background: rgba(21, 190, 92, .08);
  box-shadow: 0 0 0 5px rgba(21, 190, 92, .14), 0 20px 38px rgba(21, 190, 92, .24);
  transform: translateY(-7px) rotate(-5deg) scale(1.08);
}

.mega-distribution-value:active img {
  transform: translateY(-2px) rotate(3deg) scale(.94);
}

.mega-distribution-copy p {
  color: rgba(255,255,255,.88);
  font-size: 20px;
  line-height: 1.65;
  margin: 0;
}

.mega-na-map-stage {
  min-height: 560px;
  position: relative;
}

.mega-map-art {
  display: block;
  left: 50%;
  max-height: 560px;
  max-width: 108%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 104%;
  z-index: 1;
}

.mega-route-map {
  inset: 0;
  overflow: visible;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}

.mega-route-line {
  fill: none;
  marker-end: url(#mega-arrow);
  opacity: 0;
  stroke: #2f77c3;
  stroke-dasharray: 520;
  stroke-dashoffset: 520;
  stroke-linecap: round;
  stroke-width: 4.5;
  transition: opacity .25s ease, stroke-dashoffset .8s ease;
}

.mega-route-glow {
  fill: none;
  opacity: 0;
  stroke: rgba(255,255,255,.82);
  stroke-dasharray: 520;
  stroke-dashoffset: 520;
  stroke-linecap: round;
  stroke-width: 8;
  transition: opacity .25s ease, stroke-dashoffset .8s ease;
}

.mega-na-map-stage.routes-active .mega-route-glow {
  opacity: 1;
  stroke-dashoffset: 0;
}

.mega-continent-map {
  filter: drop-shadow(0 18px 0 #fff) drop-shadow(0 24px 30px rgba(0,0,0,.25));
}

.mega-map-country {
  fill: rgba(0, 132, 89, .92);
  stroke: rgba(255,255,255,.94);
  stroke-linejoin: round;
  stroke-width: 5;
  transition: fill .25s ease, transform .25s ease;
}

.mega-map-canada {
  fill: rgba(0, 126, 77, .9);
}

.mega-map-usa {
  fill: rgba(36, 129, 69, .92);
}

.mega-map-mexico,
.mega-map-baja,
.mega-map-yucatan {
  fill: rgba(83, 145, 69, .94);
}

.mega-map-eu {
  fill: rgba(47, 119, 195, .9);
}

.mega-na-map-stage.routes-active .mega-map-mexico,
.mega-na-map-stage.routes-active .mega-map-baja,
.mega-na-map-stage.routes-active .mega-map-yucatan {
  fill: rgba(242, 183, 53, .95);
}

.mega-na-map-stage.routes-active .mega-route-line {
  opacity: 1;
  stroke-dashoffset: 0;
}

.mega-destination-card {
  align-items: center;
  background: rgba(255,255,255,.98);
  border: 2px solid rgba(255,255,255,.96);
  border-radius: 50%;
  box-shadow: 0 18px 36px rgba(20, 59, 95, .16);
  color: var(--mega-navy);
  cursor: default;
  display: flex;
  justify-content: center;
  min-height: 74px;
  min-width: 74px;
  padding: 9px;
  position: absolute;
  z-index: 3;
  animation: mega-flag-float 4.8s ease-in-out infinite;
  transition: box-shadow .25s ease, background-color .25s ease;
}

.mega-destination-card img {
  border-radius: 50%;
  box-shadow: 0 6px 14px rgba(20, 59, 95, .12);
  display: block;
  height: 56px;
  object-fit: cover;
  transition: transform .25s ease;
  width: 56px;
}

.mega-destination-card:hover,
.mega-destination-card.active {
  background: #fff;
  box-shadow: 0 22px 48px rgba(20, 59, 95, .22);
  animation-play-state: paused;
}

.mega-destination-card:hover img,
.mega-destination-card.active img {
  transform: scale(1.08);
}

@keyframes mega-flag-float {
  0%, 100% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-8px);
  }
}

.mega-origin-card {
  bottom: auto;
  left: 41%;
  top: 80%;
}

.mega-origin-card.active {
  outline: 5px solid rgba(242,183,53,.95);
}

.mega-origin-card img {
  background: #fff;
  box-shadow: 0 8px 18px rgba(0, 132, 89, .22);
  object-position: center center;
  padding: 0;
}

.mega-flag-usa {
  animation-delay: -.9s;
  left: 54%;
  top: 48%;
}

.mega-flag-canada {
  animation-delay: -1.8s;
  left: 30%;
  top: 23%;
}

.mega-flag-ue {
  animation-delay: -2.7s;
  left: 61%;
  right: auto;
  top: 73%;
}

.mega-na-info {
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(4px);
  border-radius: 8px;
  box-shadow: 0 20px 42px rgba(0,0,0,.18);
  margin-top: 28px;
  max-width: 310px;
  padding: 20px 22px;
  position: relative;
  z-index: 2;
}

.mega-map-kicker {
  color: var(--mega-green);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.mega-na-info h2 {
  color: var(--mega-navy);
  font-size: 26px;
  font-weight: 800;
  margin: 0 0 8px;
}

.mega-na-info p {
  color: var(--mega-muted);
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
}

.featured-product6 .product-thumb a:hover {
  transform: translateY(-4px);
}

.pop-cat3 {
  background: var(--mega-white);
  border: 1px solid var(--mega-line);
  border-radius: 8px;
  box-shadow: 0 18px 46px rgba(20, 59, 95, .1);
  margin: 58px 0 72px;
  padding: 42px;
}

.pop-cat3 > h2.title30 {
  color: var(--mega-navy);
  margin-bottom: 34px;
}

.item-popcat3 {
  background: var(--mega-white);
  box-shadow: 0 12px 30px rgba(20,59,95,.1);
}

.item-popcat3 .popcat-info3 {
  background: var(--mega-green) !important;
  min-height: 138px;
  padding: 25px 22px;
}

.item-popcat3:hover .popcat-info3 {
  background: var(--mega-navy) !important;
}

.newsletter-box {
  background: #f2f4f5 !important;
  padding: 30px 0;
}

.mega-careers-strip {
  background: #f1f8f4;
  padding: 46px 0;
}

.mega-careers-inner {
  align-items: center;
  display: grid;
  gap: 24px;
  grid-template-columns: 74px minmax(0, 1fr) auto;
}

.mega-careers-icon {
  align-items: center;
  background: #fff;
  border: 2px solid rgba(21, 190, 92, .2);
  border-radius: 50%;
  color: #15be5c;
  display: flex;
  font-size: 28px;
  height: 70px;
  justify-content: center;
  width: 70px;
}

.mega-careers-copy h2 {
  color: #2f77b9;
  font-family: "Pacifico", cursive;
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 7px;
}

.mega-careers-copy p {
  color: #52625d;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}

.mega-careers-button {
  align-items: center;
  background: #15be5c;
  border-radius: 5px;
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  gap: 12px;
  min-height: 50px;
  padding: 0 24px;
  transition: background-color .25s ease, transform .25s ease;
}

.mega-careers-button:hover {
  background: #2f77b9;
  color: #fff;
  transform: translateY(-3px);
}

.inner-newsletter {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.inner-newsletter h2 {
  color: #2f77c3;
  font-weight: 800;
  letter-spacing: 0;
  margin: 0;
  text-transform: uppercase;
}

.email-form input[type="text"] {
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px 0 0 999px;
  min-height: 48px;
  padding: 0 18px;
}

.email-form input[type="submit"] {
  background: var(--mega-gold);
  border-color: var(--mega-gold);
  border-radius: 0 999px 999px 0;
  color: #1e2a20;
  font-weight: 800;
  min-height: 48px;
  padding: 0 22px;
}

.email-form input[type="submit"]:hover {
  background: var(--mega-white);
  border-color: var(--mega-white);
  color: #15be5c;
}

.footer-bottom3 {
  background: #fff;
  color: #5d6866;
  padding-top: 20px;
}

.mega-footer-main {
  align-items: center;
  border-bottom: 1px solid #e7ecea;
  display: grid;
  gap: 36px;
  grid-template-columns: minmax(180px, .8fr) minmax(360px, 1.4fr) minmax(220px, .8fr);
  padding: 16px 0 20px;
}

.mega-footer-nav {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 28px;
  justify-content: center;
}

.mega-footer-nav a,
.mega-footer-nav span {
  color: #3d4644;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: none;
}

.mega-footer-nav a:hover,
.mega-footer-reach a:hover {
  color: #2f77b9;
}

.mega-footer-reach {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}

.mega-footer-reach > a:not(.mega-footer-facebook) {
  color: #15a952;
  font-size: 14px;
  font-weight: 700;
}

.mega-footer-facebook {
  align-items: center;
  border: 1px solid #d8dedb;
  border-radius: 50%;
  color: #7b8984;
  display: flex;
  flex: 0 0 38px;
  height: 38px;
  justify-content: center;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}

.mega-footer-facebook:hover {
  background: #2f77b9;
  border-color: #2f77b9;
  color: #fff !important;
}

.mega-footer-contact {
  align-items: center;
  display: flex;
  gap: 28px;
  justify-content: center;
  padding: 0 0 30px;
  text-align: center;
}

.mega-footer-brand {
  align-items: center;
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.mega-footer-brand img {
  display: block;
  height: auto;
  width: 150px;
}

.mega-footer-brand > span {
  color: #2f77c3;
  display: block;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 150px;
}

.mega-footer-brand .mega-footer-tagline {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  line-height: 1.12;
  overflow: visible;
  width: 172px;
}

.mega-footer-brand .mega-footer-static {
  display: block;
  width: auto;
}

.mega-footer-brand .mega-footer-clip {
  display: block;
  height: 16px;
  overflow: hidden;
  position: relative;
  width: 172px;
}

.mega-footer-brand .mega-footer-clip::after {
  content: none;
}

.mega-footer-brand .mega-footer-clip b {
  animation: mega-footer-word 18s infinite;
  color: #15be5c;
  display: block;
  font-size: 11px;
  font-weight: 900;
  height: 16px;
  left: 0;
  line-height: 16px;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  transform: translateY(100%);
}

.mega-footer-brand .mega-footer-clip b:nth-child(1) { animation-delay: 0s; }
.mega-footer-brand .mega-footer-clip b:nth-child(2) { animation-delay: 3s; }
.mega-footer-brand .mega-footer-clip b:nth-child(3) { animation-delay: 6s; }
.mega-footer-brand .mega-footer-clip b:nth-child(4) { animation-delay: 9s; }
.mega-footer-brand .mega-footer-clip b:nth-child(5) { animation-delay: 12s; }
.mega-footer-brand .mega-footer-clip b:nth-child(6) { animation-delay: 15s; }

@keyframes mega-footer-word {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  5%,
  14% {
    opacity: 1;
    transform: translateY(0);
  }
  18%,
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}

@keyframes mega-footer-caret {
  0%,
  100% {
    transform: scaleY(.2);
  }
  40%,
  60% {
    transform: scaleY(1);
  }
}

.mega-footer-email {
  align-items: center;
  color: #5d6866;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  gap: 14px;
  justify-content: flex-end;
}

.mega-footer-email a {
  color: #4d5553;
}

.mega-footer-email a:hover {
  color: #2f77c3;
}

.brand-slider.brand-slider3 {
  border-bottom: 1px solid #e7ecea;
  padding: 10px 0 30px;
}

.brand-slider3 .item-brand {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  min-height: 116px;
  padding: 18px;
}

.brand-slider3 .item-brand img {
  max-height: 80px;
  object-fit: contain;
}

.policy-payment3 {
  border-top: 0;
  color: #77817f;
  padding: 28px 0 34px;
  text-align: center;
}

.policy-payment3 a,
.policy-payment3 .color {
  color: #3d4644;
  font-size: 13px;
  font-weight: 500;
  text-transform: none;
}

.policy-payment3 a:hover {
  color: #2f77c3;
}

.mega-footer-credits {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  justify-content: center;
}

.mega-footer-credits span {
  color: #3d4644;
  font-size: 13px;
  font-weight: 500;
}

.policy-payment3 .term-policy {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  justify-content: center;
  margin-bottom: 12px;
}

.policy-payment3 .term-policy li {
  margin: 0;
}

.footer-sales-button {
  color: #3d4644 !important;
}

.footer-sales-button:hover {
  color: #2f77c3 !important;
}

.policy-payment3 .copyright3 {
  color: #77817f;
  margin: 0;
  text-align: center;
}

.scroll-top {
  background: #15be5c !important;
  border-radius: 999px;
  border-color: #15be5c !important;
  box-shadow: 0 12px 28px rgba(0,95,67,.28);
}

body .scroll-top.round.active,
body .scroll-top.round:hover {
  background: #15be5c !important;
  color: #fff;
}

.mega-contact-page {
  background: #fff;
}

.mega-contact-intro {
  background: #f4faf6;
  padding: 72px 0 68px;
  text-align: center;
}

.mega-contact-intro > .container > p {
  color: #15be5c;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.mega-contact-intro h1 {
  color: #2f77b9;
  font-family: "Pacifico", cursive;
  font-size: 58px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0 0 16px;
}

.mega-contact-intro > .container > div {
  color: #52625d;
  font-size: 18px;
  line-height: 1.7;
  margin: 0 auto;
  max-width: 760px;
}

.mega-contact-map {
  border-radius: 0;
  box-shadow: 0 20px 48px rgba(20, 59, 95, .13);
  height: 100%;
  min-height: 650px;
  overflow: hidden;
  position: relative;
}

.mega-contact-map-canvas {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.mega-contact-leaflet-pin {
  background: transparent;
  border: 0;
}

.mega-contact-leaflet-pin img {
  animation: mega-location-float 3.8s ease-in-out infinite;
  display: block;
  filter: drop-shadow(0 14px 18px rgba(20, 59, 95, .28));
  height: 100%;
  width: 100%;
}

@keyframes mega-location-float {
  0%, 100% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(7px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .mega-contact-leaflet-pin img {
    animation: none;
  }
}

.mega-contact-pin {
  align-items: center;
  animation: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: flex;
  height: 82px;
  justify-content: center;
  left: 50%;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: none;
  width: 82px;
  z-index: 3;
}

.mega-contact-pin img {
  display: block;
  filter: drop-shadow(0 14px 18px rgba(20, 59, 95, .28));
  height: 100%;
  transition: transform .25s ease;
  width: 100%;
}

.mega-contact-pin::after {
  content: none;
}

.mega-contact-pin:hover,
.mega-contact-pin[aria-expanded="true"] {
  animation-play-state: paused;
}

.mega-contact-pin:hover img,
.mega-contact-pin[aria-expanded="true"] img {
  transform: scale(1.08);
}

@keyframes mega-contact-pin-float {
  0%, 100% { transform: translate(-50%, -46%); }
  50% { transform: translate(-50%, -58%); }
}

.mega-contact-map-info {
  background: rgba(255,255,255,.97);
  border-radius: 8px;
  box-shadow: 0 24px 58px rgba(20, 59, 95, .24);
  left: auto;
  max-width: 300px;
  opacity: 0;
  padding: 24px 26px;
  pointer-events: none;
  position: absolute;
  right: 24px;
  top: 24px;
  transform: translateY(12px);
  transition: opacity .28s ease, transform .28s ease;
  visibility: hidden;
  z-index: 4;
}

.mega-contact-map-info.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.mega-contact-map-info > img {
  height: 44px;
  margin-bottom: 12px;
  max-width: 150px;
}

.mega-contact-map-info h2 {
  color: #2f77b9;
  font-size: 21px;
  font-weight: 700;
  margin: 0 0 8px;
}

.mega-contact-map-info p {
  color: #52625d;
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 14px;
}

.mega-contact-map-info a {
  color: #15a952;
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-top: 7px;
}

.mega-contact-content {
  padding: 0;
}

.mega-contact-content > .container {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  width: 100% !important;
}

.mega-contact-main-grid {
  align-items: stretch;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

.mega-contact-form-panel {
  background:
    linear-gradient(rgba(255,255,255,.75), rgba(255,255,255,.75)),
    url("../images/backgrounds/macrotunel.png") center center / cover no-repeat;
  border: 0;
  border-radius: 0;
  padding: 64px clamp(42px, 6vw, 110px);
}

.mega-contact-details {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 46px auto 0;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  z-index: 5;
}

.mega-contact-detail {
  align-items: center;
  background: #fff;
  border: 1px solid #e4ece7;
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(20, 59, 95, .11);
  color: #52625d;
  display: flex;
  gap: 18px;
  min-height: 128px;
  padding: 24px;
  transition: box-shadow .25s ease, transform .25s ease;
}

a.mega-contact-detail:hover {
  box-shadow: 0 24px 50px rgba(20, 59, 95, .17);
  color: #52625d;
  transform: translateY(-6px);
}

.mega-contact-detail > i {
  align-items: center;
  background: rgba(21, 190, 92, .1);
  border-radius: 50%;
  color: #15be5c;
  display: flex;
  flex: 0 0 54px;
  font-size: 22px;
  height: 54px;
  justify-content: center;
}

.mega-contact-detail span {
  font-size: 14px;
  line-height: 1.5;
}

.mega-contact-detail strong {
  color: #2f77b9;
  display: block;
  font-size: 17px;
  margin-bottom: 4px;
}

.mega-contact-form-layout {
  align-items: start;
  display: grid;
  gap: 70px;
  grid-template-columns: minmax(280px, .72fr) minmax(480px, 1.28fr);
}

.mega-contact-form-copy h2 {
  color: #2f77b9;
  font-family: "Pacifico", cursive;
  font-size: 48px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0 0 20px;
}

.mega-contact-form-copy p {
  color: #52625d;
  font-size: 18px;
  line-height: 1.7;
  margin: 0 0 24px;
}

.mega-contact-form-copy a {
  color: #15a952;
  font-size: 17px;
  font-weight: 700;
}

.mega-contact-form {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mega-contact-form label {
  color: #2f77b9;
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin: 0;
}

.mega-contact-form label:nth-child(3),
.mega-contact-message {
  grid-column: 1 / -1;
}

.mega-contact-form label > span {
  display: block;
  margin-bottom: 8px;
}

.mega-contact-form input,
.mega-contact-form textarea {
  background: #f7faf8;
  border: 1px solid #dfe8e3;
  border-radius: 6px;
  box-shadow: none;
  color: #253330;
  font-family: inherit;
  font-size: 15px;
  padding: 14px 16px;
  transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
  width: 100%;
}

.mega-contact-form input::placeholder,
.mega-contact-form textarea::placeholder {
  color: #687771;
  opacity: 1;
}

.mega-contact-form input {
  height: 50px;
}

.mega-contact-form textarea {
  min-height: 150px;
  resize: vertical;
}

.mega-contact-form input:focus,
.mega-contact-form textarea:focus {
  background: #fff;
  border-color: #15be5c;
  box-shadow: 0 0 0 3px rgba(21, 190, 92, .12);
  outline: 0;
}

.mega-contact-form button {
  align-items: center;
  background: #15be5c;
  border: 0;
  border-radius: 5px;
  color: #fff;
  display: inline-flex;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  gap: 12px;
  justify-content: center;
  min-height: 50px;
  padding: 0 24px;
  transition: background-color .25s ease, transform .25s ease;
  width: max-content;
}

.mega-contact-form button:hover {
  background: #2f77b9;
  transform: translateY(-3px);
}

.mega-safety-page {
  background: #fff;
}

#bienvenidos,
#distribucion,
#inocuidad,
#contacto {
  scroll-margin-top: 92px;
}

.mega-safety-hero {
  align-items: center;
  background:
    linear-gradient(90deg, rgba(6, 50, 42, .88), rgba(6, 50, 42, .48) 58%, rgba(6, 50, 42, .18)),
    url("../images/backgrounds/campo.jpg") center 56% / cover no-repeat;
  display: flex;
  min-height: 580px;
  overflow: hidden;
  position: relative;
}

.mega-safety-hero-copy {
  color: #fff;
  max-width: 680px;
  padding: 84px 0;
}

.mega-safety-hero-copy > img {
  filter: brightness(0) invert(1);
  height: 76px;
  margin-bottom: 16px;
  width: 76px;
}

.mega-safety-hero-copy > p {
  color: #a8efbe;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .12em;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.mega-safety-hero-copy h1 {
  color: #fff;
  font-family: "Pacifico", cursive;
  font-size: 58px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.18;
  margin: 0 0 24px;
}

.mega-safety-hero-copy > div {
  color: rgba(255,255,255,.94);
  font-size: 20px;
  line-height: 1.7;
  max-width: 640px;
}

.mega-safety-commitments {
  background: #f4faf6;
  padding: 56px 0;
}

.mega-safety-pillars {
  display: grid;
  gap: 42px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mega-safety-pillar {
  align-items: center;
  display: grid;
  gap: 4px 18px;
  grid-template-columns: 68px 1fr;
  text-align: left;
}

.mega-safety-pillar img {
  grid-row: 1 / span 2;
  height: 62px;
  object-fit: contain;
  transition: transform .3s ease;
  width: 62px;
}

.mega-safety-pillar:hover img {
  transform: translateY(-6px) scale(1.06);
}

.mega-safety-pillar h2 {
  color: #2f77b9;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: 0;
  margin: 0;
}

.mega-safety-pillar p {
  color: #52625d;
  font-size: 15px;
  line-height: 1.45;
  margin: 0;
}

.mega-safety-certifications {
  background:
    linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)),
    #fff url("../images/backgrounds/frambuesa-pimientos.png") center center / cover no-repeat;
  background-attachment: fixed;
  padding: 88px 0 96px;
}

.mega-safety-heading {
  margin: 0 auto 46px;
  max-width: 820px;
  text-align: center;
}

.mega-safety-heading h2 {
  color: #2f77b9;
  font-family: "Pacifico", cursive;
  font-size: 44px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 0 0 18px;
}

.mega-safety-heading p {
  color: #52625d;
  font-size: 18px;
  line-height: 1.7;
  margin: 0;
}

.mega-safety-grid {
  display: grid;
  gap: 22px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mega-safety-card {
  align-items: center;
  aspect-ratio: 1;
  background: #fff;
  border: 2px solid rgba(21, 190, 92, .22);
  border-radius: 50%;
  box-shadow: 0 16px 38px rgba(20, 59, 95, .1), inset 0 0 0 9px rgba(21, 190, 92, .04);
  display: flex;
  justify-content: center;
  min-width: 0;
  overflow: hidden;
  padding: 26px;
  position: relative;
  transition: box-shadow .3s ease, transform .3s ease;
}

.mega-safety-card::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  filter: saturate(.9) brightness(1.08);
  inset: 0;
  opacity: 0;
  position: absolute;
  transform: scale(1.1);
  transition: opacity .4s ease, transform .65s ease;
}

.mega-safety-card:nth-child(1)::before {
  background-image: url("../images/page/farm1-1.jpg");
}

.mega-safety-card:nth-child(2)::before {
  background-image: url("../images/page/farm2-1.jpg");
}

.mega-safety-card:nth-child(3)::before {
  background-image: url("../images/page/farm1-2.jpg");
}

.mega-safety-card:nth-child(4)::before {
  background-image: url("../images/page/farm2-2.jpg");
}

.mega-safety-card:hover {
  border-color: rgba(21, 190, 92, .56);
  box-shadow: 0 26px 56px rgba(20, 59, 95, .16), inset 0 0 0 9px rgba(21, 190, 92, .08);
  transform: translateY(-8px) scale(1.02);
}

.mega-safety-card:hover::before {
  opacity: .3;
  transform: scale(1);
}

.mega-safety-card-content {
  padding: 0;
  position: relative;
  text-align: center;
  z-index: 1;
}

.mega-safety-card-content > img {
  display: block;
  height: 64px;
  margin: 0 auto 18px;
  max-width: 145px;
  object-fit: contain;
  object-position: center;
  transition: transform .3s ease;
  width: 100%;
}

.mega-safety-card:hover .mega-safety-card-content > img {
  transform: scale(1.08);
}

.mega-safety-card-content p {
  color: #52625d;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 991px) {
  .mega-contact-main-grid {
    grid-template-columns: 1fr;
  }

  .mega-contact-map {
    height: 520px;
    min-height: 0;
  }

  .mega-contact-details {
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .mega-contact-detail {
    min-height: 100px;
  }

  .mega-contact-form-layout {
    gap: 44px;
    grid-template-columns: 1fr;
  }

  .mega-safety-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mega-safety-pillars {
    gap: 24px;
  }

  .main-header3 {
    min-height: auto;
  }

  .main-nav.main-nav3 {
    margin-top: 0;
    width: 100%;
  }

  .banner-slider3,
  .banner-slider3 .banner-thumb,
  .banner-slider3 .mega-video-thumb,
  .banner-slider3 .banner-thumb a,
  .banner-slider3 .banner-thumb img {
    min-height: 100vh;
    height: 100vh;
  }

  .banner-slider3 .banner-thumb img {
    height: 100vh;
  }

  .mega-hero-panel h1 {
    font-size: 44px;
  }

  .latest-news4,
  .pop-cat3 {
    padding: 34px 26px;
  }

  .welcome-heading h2 {
    font-size: 36px;
  }

  .welcome-copy {
    padding-left: 24px;
  }

  .welcome-video-scene {
    padding: 42px 28px 34px;
  }

  .welcome-video-photo {
    height: 138px;
    width: 184px;
  }

  .welcome-highlight-icon {
    height: 108px;
    width: 108px;
  }

  .mega-product-showcase h2 {
    font-size: 58px;
  }

  .mega-product-row {
    gap: 34px;
  }

  .mega-product-row img {
    height: 96px;
  }

  .mega-product-row .is-active img {
    height: 205px;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 14px;
  }

  .main-header3,
  .main-header3 .container,
  .main-header3 .row {
    min-height: 72px;
  }

  .main-header3 .container {
    padding-left: 18px;
    padding-right: 18px;
    position: relative;
  }

  .main-header3 .row {
    display: flex;
    margin: 0;
  }

  .main-header3 .col-md-3,
  .main-header3 .col-md-9 {
    padding: 0;
  }

  .main-header3 .col-md-3 {
    width: calc(100% - 58px);
  }

  .main-header3 .col-md-9 {
    flex: 0 0 58px;
    width: 58px;
  }

  .main-header3 .logo3 {
    justify-content: flex-start;
    min-height: 72px;
  }

  .main-header3 .logo3 img {
    width: 136px !important;
  }

  .main-nav.main-nav3 {
    position: static;
  }

  .main-nav.main-nav3 .toggle-mobile-menu {
    border: 1px solid #d8dedb;
    border-radius: 50%;
    cursor: pointer;
    height: 44px;
    position: fixed;
    right: 18px;
    top: 14px;
    width: 44px;
    z-index: 1010;
  }

  .main-nav.main-nav3 .toggle-mobile-menu span,
  .main-nav.main-nav3 .toggle-mobile-menu::before,
  .main-nav.main-nav3 .toggle-mobile-menu::after {
    background: #2f77b9;
    height: 2px;
    left: 11px;
    width: 20px;
  }

  .main-nav.main-nav3 .toggle-mobile-menu::before {
    transform: translate3d(0, -7px, 0);
  }

  .main-nav.main-nav3 .toggle-mobile-menu::after {
    transform: translate3d(0, 7px, 0);
  }

  .main-nav.main-nav3.active .toggle-mobile-menu::before {
    transform: rotate(45deg);
  }

  .main-nav.main-nav3.active .toggle-mobile-menu::after {
    transform: rotate(-45deg);
  }

  .main-nav.main-nav3 > ul {
    align-items: stretch;
    background: #fff;
    bottom: 0;
    box-shadow: -16px 18px 40px rgba(20, 59, 95, .18);
    display: block;
    gap: 0;
    left: auto;
    max-height: calc(100vh - 72px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 0 28px;
    position: fixed;
    right: 0;
    top: 72px;
    transform: translateX(105%);
    width: min(88vw, 360px);
    z-index: 1005;
  }

  .main-nav.main-nav3.active > ul {
    transform: translateX(0) !important;
  }

  .main-nav.main-nav3 > ul > li {
    margin: 0 !important;
    width: 100%;
  }

  .main-nav.main-nav3 > ul > li::after {
    display: none;
  }

  .main-nav.main-nav3 > ul > li > a {
    border-bottom: 1px solid #e9efec;
    border-top: 0;
    font-size: 14px;
    height: 52px;
    justify-content: flex-start;
    padding: 0 22px;
    width: 100%;
  }

  .main-nav.main-nav3 .btn-toggle-mobile-menu {
    align-items: center;
    color: #2f77b9;
    display: flex;
    height: 52px;
    justify-content: center;
    right: 8px;
    top: 0;
    width: 48px;
  }

  .main-nav.main-nav3 .sub-menu {
    background: #f5f9f7;
    border: 0;
    box-shadow: inset 3px 0 0 #15be5c !important;
    width: 100%;
  }

  .main-nav.main-nav3 .sub-menu > li {
    margin: 0 !important;
  }

  .main-nav.main-nav3 .sub-menu > li > a {
    border-bottom: 1px solid #e3ebe7;
    border-top: 0;
    color: #52625d;
    min-height: 46px;
    padding: 12px 22px !important;
  }

  .main-nav.main-nav3 .sub-menu .sub-menu > li > a {
    padding-left: 38px !important;
  }

  .main-nav.main-nav3 > ul > li.mega-nav-lang > a {
    font-size: 13px;
  }

  .main-nav.main-nav3 > ul > li.mega-nav-facebook {
    padding: 10px 22px !important;
  }

  .main-nav.main-nav3 > ul > li.mega-nav-facebook > a {
    border-bottom: 1px solid #d8dedb;
    height: 42px;
    margin: 0;
    padding: 0;
    width: 42px;
  }

  .mega-company-section {
    background-attachment: scroll;
  }

  .mega-company-section::before,
  .mega-company-section::after {
    background-attachment: scroll;
    display: none;
  }

  .mega-safety-certifications {
    background-attachment: scroll;
  }

  .mega-video-messages span {
    font-size: 28px;
    line-height: 1.2;
    width: calc(100% - 40px);
  }

  .mega-footer-main {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .mega-footer-nav,
  .mega-footer-reach {
    justify-content: center;
  }

  .mega-footer-reach {
    flex-wrap: wrap;
  }

  .mega-careers-inner {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  .mega-careers-copy h2 {
    font-size: 32px;
  }

  .mega-careers-button {
    justify-content: center;
    width: 100%;
  }

  .mega-contact-intro {
    padding: 56px 0 52px;
  }

  .mega-contact-intro h1 {
    font-size: 44px;
  }

  .mega-contact-intro > .container > div {
    font-size: 16px;
  }

  .mega-contact-map {
    height: 420px;
  }

  .mega-contact-pin {
    left: 50%;
    top: 50%;
  }

  .mega-contact-map-info {
    bottom: 22px;
    left: 18px;
    max-width: none;
    right: 18px;
    top: auto;
  }

  .mega-contact-content {
    padding: 0;
  }

  .mega-contact-details {
    margin-top: 34px;
  }

  .mega-contact-form-panel {
    padding: 30px 22px;
  }

  .mega-contact-form-copy h2 {
    font-size: 38px;
  }

  .mega-contact-form-copy p {
    font-size: 16px;
  }

  .mega-contact-form {
    grid-template-columns: 1fr;
  }

  .mega-contact-form label,
  .mega-contact-form label:nth-child(3),
  .mega-contact-message {
    grid-column: 1;
  }

  .mega-contact-form button {
    width: 100%;
  }

  .mega-safety-hero {
    background-position: 62% center;
    min-height: 560px;
  }

  .mega-safety-hero-copy {
    padding: 70px 0;
  }

  .mega-safety-hero-copy > img {
    height: 62px;
    width: 62px;
  }

  .mega-safety-hero-copy h1 {
    font-size: 40px;
  }

  .mega-safety-hero-copy > div {
    font-size: 17px;
    line-height: 1.6;
  }

  .mega-safety-commitments {
    padding: 44px 0;
  }

  .mega-safety-pillars,
  .mega-safety-grid {
    grid-template-columns: 1fr;
  }

  .mega-safety-certifications {
    padding: 64px 0 72px;
  }

  .mega-safety-heading h2 {
    font-size: 34px;
  }

  .mega-safety-heading p {
    font-size: 16px;
  }

  .mega-safety-card {
    margin: 0 auto;
    max-width: 310px;
    width: 100%;
  }

  .main-header3 .row {
    align-items: stretch;
    display: block;
  }

  .main-header3 .col-md-3,
  .main-header3 .col-md-9 {
    flex: none;
    width: 100%;
  }

  .main-nav.main-nav3 > ul {
    display: block;
    text-align: left;
  }

  .main-nav.main-nav3 {
    height: 0;
    min-height: 0;
  }

  .top-header2 .pull-right,
  .top-header2 .pull-left {
    float: none !important;
    text-align: center;
  }

  .main-header3 .logo3 {
    min-height: 70px;
    padding: 0;
  }

  .main-header3 .logo3 img {
    width: 142px !important;
  }

  .main-nav .toggle-mobile-menu {
    float: right !important;
    left: auto;
    margin-right: 15px;
    position: absolute;
    right: 15px;
    top: -50px;
  }

  .main-nav > ul {
    border: 1px solid var(--mega-line);
    border-radius: 8px;
    box-shadow: 0 18px 40px rgba(20,59,95,.13);
    margin-bottom: 18px;
    overflow: hidden;
  }

  .main-nav.main-nav3 > ul > li > a {
    border-radius: 0;
    font-size: 13px;
    height: 44px;
    line-height: 1;
    padding: 0 18px;
  }

  .main-nav.main-nav3 > ul > li:not(.mega-nav-lang) > a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
  }

  .main-nav.main-nav3 > ul > li.mega-nav-facebook > a {
    height: 38px;
    margin: 8px 18px 14px;
    padding: 0;
    width: 38px;
  }

  .main-nav.main-nav3 > ul > li.mega-nav-cta > a {
    border-radius: 4px;
    line-height: 42px;
    margin: 12px 18px 16px;
    text-align: center;
  }

  .banner-slider3,
  .banner-slider3 .banner-thumb,
  .banner-slider3 .mega-video-thumb,
  .banner-slider3 .banner-thumb a,
  .banner-slider3 .banner-thumb img {
    min-height: 100vh;
    height: 100vh;
  }

  .banner-slider3 .banner-thumb img {
    height: 100vh;
  }

  .banner-slider3::after {
    background: linear-gradient(180deg, rgba(8,32,39,.82), rgba(8,32,39,.55));
  }

  .mega-hero-panel {
    top: 50%;
  }

  .mega-hero-panel h1 {
    font-size: 36px;
  }

  .mega-hero-panel p {
    font-size: 16px;
  }

  .mega-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .mega-btn {
    width: 100%;
  }

  .mega-stat {
    flex: 1 1 calc(50% - 12px);
    min-width: 0;
  }

  .fondo-berries {
    margin: -38px 0 -48px;
    padding: 38px 0 48px;
  }

  .latest-news4 {
    padding: 0;
  }

  .latest-news4 iframe {
    height: 240px;
  }

  .welcome-section .row {
    display: block;
  }

  .welcome-section {
    min-height: auto;
    padding: 52px 0 58px;
  }

  .welcome-heading {
    margin-bottom: 30px;
  }

  .welcome-heading h2 {
    font-size: 30px;
  }

  .welcome-heading p {
    font-size: 15px;
  }

  .welcome-copy {
    padding: 30px 0 0;
  }

  .welcome-video-scene {
    padding: 16px 0 0;
  }

  .welcome-video-photo {
    display: none;
  }

  .welcome-copy .title21 {
    font-size: 24px;
  }

  .welcome-copy h2 {
    font-size: 32px;
  }

  .welcome-copy p {
    font-size: 16px !important;
  }

  .welcome-highlights {
    gap: 12px;
  }

  .welcome-highlight-icon {
    height: 82px;
    width: 82px;
  }

  .mega-product-slide {
    min-height: 590px;
  }

  .mega-product-showcase {
    padding: 42px 18px 58px;
    width: 100%;
  }

  .mega-product-area-logo {
    max-height: 60px;
    width: 126px;
  }

  .mega-product-showcase h2 {
    font-size: 44px;
    margin-bottom: 38px;
  }

  .mega-product-row {
    gap: 6px;
    margin-bottom: 32px;
  }

  .mega-product-row a {
    flex: 1 1 0;
    min-width: 0;
  }

  .mega-product-row a.is-active {
    flex-grow: 1.9;
  }

  .mega-product-row img {
    height: auto;
    max-height: 48px;
    max-width: 100%;
  }

  .mega-product-row .is-active img {
    height: auto;
    max-height: 130px;
    max-width: 100%;
  }

  .mega-product-showcase p {
    font-size: 16px;
    max-width: 290px;
  }

  .mega-products-carousel .owl-theme .owl-controls .owl-buttons div,
  .mega-products-carousel.owl-theme .owl-controls .owl-buttons div {
    height: 42px;
    line-height: 38px;
    width: 42px;
  }

  .mega-products-carousel .owl-controls .owl-buttons .owl-prev {
    left: 6px;
  }

  .mega-products-carousel .owl-controls .owl-buttons .owl-next {
    right: 6px;
  }

  .product-tab3,
  .pop-cat3 {
    padding: 28px 18px;
  }

  .featured-product6 {
    margin-top: 44px;
    padding: 54px 0 62px;
  }

  .mega-products-section {
    margin: 0;
    padding: 0;
  }

  .mega-company-section {
    margin-top: 0;
    padding: 58px 0 64px;
  }

  .mega-company-heading {
    margin-bottom: 34px;
  }

  .mega-company-heading h2 {
    font-size: 32px;
  }

  .mega-company-heading p {
    font-size: 17px;
    line-height: 1.55;
  }

  .mega-company-collage {
    gap: 12px;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
  }

  .mega-company-collage-field {
    grid-row: auto;
  }

  .mega-company-collage-item {
    margin-left: auto;
    margin-right: auto;
    max-width: 340px;
    width: 100%;
  }

  .mega-company-collage-item figcaption {
    inset: 0;
  }

  .mega-company-collage-item figcaption img,
  .mega-company-collage-field figcaption img {
    height: 78px;
    max-width: 180px;
  }

  .mega-company-logo-card {
    min-height: 178px;
    padding: 26px 22px;
  }

  .mega-company-logo-card img {
    max-height: 130px;
  }

  .mega-distribution-hero {
    min-height: auto;
    padding: 72px 0 54px;
  }

  .mega-distribution-layout {
    gap: 28px;
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .mega-distribution-copy {
    max-width: 100%;
    text-align: center;
  }

  .mega-distribution-copy h1 {
    font-size: 28px;
    line-height: 1.26;
  }

  .mega-distribution-copy p {
    font-size: 16px;
  }

  .mega-distribution-values {
    justify-content: center;
  }

  .mega-na-map-stage {
    min-height: 500px;
  }

  .mega-na-info {
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
  }

  .mega-destination-card {
    min-height: 58px;
    min-width: 58px;
    padding: 7px;
  }

  .mega-destination-card img {
    height: 44px;
    width: 44px;
  }

  .mega-origin-card {
    bottom: auto;
    left: 40%;
    top: 80%;
  }

  .mega-flag-usa {
    left: 53%;
    top: 48%;
  }

  .mega-flag-canada {
    left: 29%;
    top: 23%;
  }

  .mega-flag-ue {
    left: 60%;
    right: auto;
    top: 73%;
  }

  .mega-product-slide {
    min-height: 640px;
  }

  .mega-product-showcase h2 {
    font-size: 42px;
  }

  .mega-product-area-logo {
    max-height: 58px;
    width: 124px;
  }

  .mega-product-showcase p {
    font-size: 16px;
  }

  .mega-product-row {
    gap: 18px;
    overflow-x: auto;
    padding: 0 44px 18px;
    scroll-snap-type: x proximity;
  }

  .mega-product-row a {
    flex: 0 0 auto;
    scroll-snap-align: center;
  }

  .mega-product-row img {
    height: 76px;
  }

  .mega-product-row .is-active img {
    height: 168px;
  }

  .mega-products-carousel .owl-controls .owl-buttons .owl-prev {
    left: 4px;
  }

  .mega-products-carousel .owl-controls .owl-buttons .owl-next {
    right: 4px;
  }

  .inner-newsletter {
    display: block;
    text-align: center;
  }

  .inner-newsletter li {
    display: block;
    margin-bottom: 14px;
  }

  .mega-footer-contact {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }

  .mega-footer-email {
    justify-content: center;
  }

  .email-form input[type="text"],
  .email-form input[type="submit"] {
    border-radius: 999px;
    margin: 6px 0;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .mega-hero-panel h1 {
    font-size: 31px;
  }

  .mega-eyebrow {
    font-size: 11px;
    letter-spacing: .12em;
  }

  .mega-stat strong {
    font-size: 21px;
  }

  .mega-stat span {
    font-size: 10px;
  }
}
/* Pimiento gallery slider */
.backgrounds-hidroponia.pepper-gallery-hero {
  background-image: none;
  margin-bottom: 0;
  overflow: hidden;
  padding-top: 0;
}

.pepper-gallery-wrap {
  margin: 0;
  padding: 0;
  position: relative;
}

.pepper-gallery-slider {
  margin: 0;
}

.pepper-gallery-slide {
  overflow: hidden;
  padding: 0;
}

.pepper-gallery-slide img {
  display: block;
  height: 620px;
  object-fit: cover;
  transition: filter .35s ease, transform .35s ease;
  width: 100%;
}

.pepper-gallery-slide:hover img {
  filter: saturate(1.08);
  transform: scale(1.025);
}

.pepper-gallery-arrow {
  align-items: center;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(47,119,185,.25);
  border-radius: 50%;
  box-shadow: 0 10px 28px rgba(18,62,96,.16);
  color: #2f77b9;
  display: flex;
  font-size: 26px;
  height: 48px;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color .25s ease, color .25s ease, transform .25s ease;
  width: 48px;
  z-index: 3;
}

.pepper-gallery-arrow:hover,
.pepper-gallery-arrow:focus {
  background: #2f77b9;
  color: #fff;
  transform: translateY(-50%) scale(1.06);
}

.pepper-gallery-prev {
  left: 28px;
}

.pepper-gallery-next {
  right: 28px;
}

.pepper-gallery-slider .slick-dots {
  bottom: 24px;
  display: flex;
  gap: 8px;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}

.pepper-gallery-slider .slick-dots li {
  height: 10px;
  margin: 0;
  width: 10px;
}

.pepper-gallery-slider .slick-dots button {
  background: rgba(255,255,255,.58);
  border: 0;
  border-radius: 50%;
  color: transparent;
  font-size: 0;
  height: 10px;
  padding: 0;
  transition: background-color .25s ease, transform .25s ease;
  width: 10px;
}

.pepper-gallery-slider .slick-dots .slick-active button {
  background: #fff;
  transform: scale(1.3);
}

@media (max-width: 767px) {
  .pepper-gallery-wrap {
    margin: 0;
    padding: 0;
  }

  .pepper-gallery-slide img {
    height: 390px;
  }

  .pepper-gallery-prev {
    left: 14px;
  }

  .pepper-gallery-next {
    right: 14px;
  }

  .pepper-gallery-arrow {
    height: 42px;
    width: 42px;
  }
}

/* Pimiento varieties */
.pepper-video-hero {
  background: #0c281f;
  height: 620px;
  overflow: hidden;
  position: relative;
}

.pepper-video-hero::after {
  background: rgba(5,30,25,.3);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.pepper-video-hero video {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.product-image-hero {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.product-image-hero::before {
  background: linear-gradient(rgba(8,35,27,.32), rgba(8,35,27,.36));
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}

.berry-hero-media {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.pepper-video-heading {
  color: #fff;
  left: 50%;
  max-width: 900px;
  padding: 0 24px;
  position: absolute;
  text-align: center;
  text-shadow: 0 3px 18px rgba(0,0,0,.42);
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
}

.pepper-video-logo {
  display: block;
  height: auto;
  margin: 0 auto 18px;
  max-width: 156px;
  width: 28vw;
}

.berry-video-logo {
  max-width: 150px;
}

.pepper-video-heading h1 {
  color: #fff;
  font-family: "Pacifico", cursive;
  font-size: 70px;
  font-weight: 400;
  line-height: 1.15;
  margin: 0 0 18px;
}

.pepper-video-heading p {
  color: #fff;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}

.pepper-products-section {
  background: #f7faf8;
  overflow: hidden;
  padding: 86px 0 96px;
  position: relative;
}

.pepper-products-section > .container {
  position: relative;
  z-index: 1;
}

.berry-products-section {
  background: #f7faf8;
}

.berry-products-section .pepper-package h3,
.berry-facts .pepper-facts-title,
.berry-facts .pepper-fact-label {
  color: #2f77b9;
}

.berry-products-section .pepper-package li::before,
.berry-facts .pepper-fact-button {
  background: #d92172;
}

.berry-products-section .pepper-months .is-harvest {
  color: #d92172;
}

.berry-products-section .pepper-months .is-harvest::before {
  background: rgba(217,33,114,.12);
}

.field-products-section {
  background: #f7faf8;
}

.field-products-section .pepper-package h3,
.field-facts .pepper-facts-title,
.field-facts .pepper-fact-label {
  color: #2f77b9;
}

.field-products-section .pepper-package li::before,
.field-facts .pepper-fact-button {
  background: #15be5c;
}

.field-products-section .pepper-package h3 {
  font-family: "Pacifico", cursive;
  font-size: 34px;
  font-weight: 400;
}

.field-products-section .pepper-months .is-harvest {
  color: #15be5c;
}

.field-products-section .pepper-months .is-harvest::before {
  background: rgba(21,190,92,.12);
}

.field-side-calendar .pepper-months {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.field-side-calendar .pepper-months img {
  height: 24px;
  width: 24px;
}

.berry-package-logo {
  max-width: 132px;
  width: 132px;
}

.berry-calendar-package {
  display: block;
}

.berry-calendar-package:hover {
  transform: translateX(5px);
}

.berry-calendar-package .pepper-harvest-calendar {
  margin-top: 0;
  padding: 0;
}

.berry-calendar-package .pepper-calendar-heading {
  margin-bottom: 18px;
}

.berry-calendar-package .pepper-calendar-heading h3 {
  font-size: 34px;
}

.berry-calendar-package .pepper-months {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.berry-calendar-package .pepper-months span {
  height: 62px;
}

.berry-calendar-package .pepper-months img {
  height: 24px;
  width: 24px;
}

.berry-full-calendar {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.berry-full-calendar .pepper-months {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.berry-side-calendar {
  background: transparent;
  box-shadow: none;
  margin-top: 0;
  padding: 0;
  width: 100%;
}

.berry-side-calendar .pepper-calendar-heading {
  margin-bottom: 18px;
  transform: translateY(-8px);
}

.berry-side-calendar .pepper-calendar-heading h3 {
  font-size: 34px;
  line-height: 1;
}

.berry-side-calendar .pepper-months {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.berry-side-calendar .pepper-months span {
  height: 60px;
}

.berry-side-calendar .pepper-months img {
  height: 24px;
  width: 24px;
}

.pepper-package:has(.berry-side-calendar) {
  display: block;
  padding-top: 12px;
}

.berry-calendar-card {
  display: block;
  padding: 0 24px 22px;
}

.berry-benefits-image {
  object-fit: contain;
}

.asparagus-products-section {
  background: #f7faf8;
}

.asparagus-products-section .pepper-package h3,
.asparagus-facts .pepper-facts-title,
.asparagus-facts .pepper-fact-label {
  color: #2f77b9;
}

.asparagus-products-section .pepper-package li::before,
.asparagus-facts .pepper-fact-button {
  background: #15be5c;
}

.asparagus-products-section .pepper-package h3 {
  font-family: "Pacifico", cursive;
  font-size: 34px;
  font-weight: 400;
}

.asparagus-products-section .pepper-months .is-harvest {
  color: #15be5c;
}

.asparagus-products-section .pepper-months .is-harvest::before {
  background: rgba(21,190,92,.12);
}

.asparagus-side-calendar .pepper-months {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.asparagus-side-calendar .pepper-months img {
  height: 24px;
  width: 24px;
}

.asparagus-products-section .asparagus-side-calendar .pepper-calendar-heading {
  margin-bottom: 20px;
  transform: none;
}

.asparagus-products-section .asparagus-side-calendar .pepper-months {
  margin-top: 0;
}

.asparagus-facts {
  background:
    linear-gradient(rgba(255,255,255,.78), rgba(255,255,255,.78)),
    url("../images/backgrounds/campo.jpg") center center / cover no-repeat;
  position: relative;
}

.asparagus-facts-dish {
  left: 50%;
  max-width: 450px;
  opacity: .82;
  pointer-events: none;
  position: absolute;
  top: 56%;
  transform: translate(-50%, -50%);
  width: 32.5vw;
  z-index: 1;
}

.asparagus-facts > .container {
  position: relative;
  z-index: 2;
}

.broccoli-products-section {
  background: #f7faf8;
}

.broccoli-products-section .pepper-package h3,
.broccoli-facts .pepper-facts-title,
.broccoli-facts .pepper-fact-label {
  color: #2f77b9;
}

.broccoli-products-section .pepper-package li::before,
.broccoli-facts .pepper-fact-button {
  background: #15be5c;
}

.broccoli-products-section .pepper-package h3 {
  font-family: "Pacifico", cursive;
  font-size: 34px;
  font-weight: 400;
  text-align: center;
}

.broccoli-presentation-list {
  display: grid;
  gap: 12px 28px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.broccoli-presentation-list li:nth-child(3) {
  grid-column: 2;
  grid-row: 1;
}

.broccoli-presentation-list li:nth-child(4) {
  grid-column: 2;
  grid-row: 2;
}

.broccoli-products-section .pepper-months .is-harvest {
  color: #15be5c;
}

.broccoli-products-section .pepper-months .is-harvest::before {
  background: rgba(21,190,92,.12);
}

.broccoli-side-calendar .pepper-months {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.broccoli-side-calendar .pepper-months img {
  height: 24px;
  width: 24px;
}

.broccoli-facts {
  background:
    linear-gradient(rgba(255,255,255,.58), rgba(255,255,255,.58)),
    url("../images/backgrounds/welcome-watercolor-field.png") center center / cover no-repeat;
}

.mega-product-logo-strip {
  background: #fff;
  padding: 24px 0;
}

.mega-product-logo-strip .brand-slider.brand-slider3 {
  height: 200px;
  margin: 0;
}

.mega-product-logo-strip .brand-slider3 .item-brand {
  min-height: 200px;
}

.mega-product-logo-strip .brand-slider3 .item-brand .mega-footer-product-card {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: center;
  min-height: 170px;
}

.mega-product-logo-strip .brand-slider3 .item-brand img.mega-footer-product-img {
  height: 108px;
  max-width: 122px;
  object-fit: contain;
  width: auto;
}

.mega-product-logo-strip .brand-slider3 .item-brand img.mega-footer-area-logo {
  height: 42px;
  max-width: 70px;
  object-fit: contain;
  width: auto;
}

.pepper-products-heading {
  margin: 0 auto 42px;
  max-width: 760px;
}

.pepper-products-heading h2 {
  color: #2f77b9;
  font-family: "Pacifico", cursive;
  font-size: 54px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 12px;
}

.pepper-products-heading p {
  color: #344b48;
  font-size: 18px;
  line-height: 1.65;
  margin: 0;
}

.pepper-products-layout {
  align-items: center;
  display: grid;
  gap: 60px;
  grid-template-columns: minmax(0, 1fr) minmax(390px, .9fr);
}

.pepper-variety-gallery-wrap {
  min-width: 0;
  padding: 0 38px;
  position: relative;
}

.pepper-variety-gallery {
  box-shadow: 0 22px 55px rgba(28,76,70,.14);
}

.berry-products-section .pepper-variety-gallery-wrap {
  position: relative;
}

.berry-gallery-thumbs {
  align-items: center;
  bottom: 18px;
  display: flex;
  gap: 10px;
  justify-content: center;
  left: 50%;
  max-width: calc(100% - 110px);
  overflow-x: auto;
  padding: 6px;
  position: absolute;
  transform: translateX(-50%);
  width: auto;
  z-index: 5;
}

.berry-gallery-thumbs button {
  background: #fff;
  border: 3px solid #15be5c;
  box-shadow: 0 8px 18px rgba(8,34,30,.18);
  height: 64px;
  min-width: 64px;
  overflow: hidden;
  padding: 0;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  width: 64px;
}

.berry-gallery-thumbs button:hover,
.berry-gallery-thumbs button.is-active {
  border-color: #2f77b9;
  box-shadow: 0 10px 22px rgba(47,119,185,.24);
  transform: translateY(-3px);
}

.berry-gallery-thumbs img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.pepper-variety-slide {
  aspect-ratio: 1;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.pepper-variety-slide::after {
  background: linear-gradient(180deg, transparent 62%, rgba(7,39,35,.7));
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.pepper-variety-slide img {
  height: 100%;
  object-fit: cover;
  transition: transform .7s ease;
  width: 100%;
}

.pepper-nutrition-slide {
  background: #fff;
}

.pepper-nutrition-slide img {
  object-fit: contain;
  padding: 24px;
}

.pepper-variety-slide:hover img {
  transform: scale(1.05);
}

.pepper-variety-slide figcaption {
  bottom: 28px;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  left: 30px;
  letter-spacing: 0;
  position: absolute;
  z-index: 2;
}

.pepper-variety-gallery .pepper-variety-arrow {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(47,119,185,.22);
  border-radius: 50%;
  box-shadow: 0 10px 24px rgba(18,62,96,.16);
  color: #2f77b9;
  display: flex;
  font-size: 24px;
  height: 48px;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color .25s ease, color .25s ease, transform .25s ease;
  width: 48px;
  z-index: 3;
}

.pepper-variety-gallery .pepper-variety-arrow:hover,
.pepper-variety-gallery .pepper-variety-arrow:focus {
  background: #2f77b9;
  color: #fff;
  transform: translateY(-50%) scale(1.06);
}

.pepper-variety-prev {
  left: -24px;
}

.pepper-variety-next {
  right: -24px;
}

.pepper-variety-gallery .slick-dots {
  bottom: 24px;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  padding: 0 28px;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.pepper-variety-gallery .slick-dots li {
  height: 9px;
  margin: 0;
  width: 9px;
}

.pepper-variety-gallery .slick-dots button {
  background: rgba(255,255,255,.55);
  border: 0;
  border-radius: 50%;
  color: transparent;
  font-size: 0;
  height: 9px;
  padding: 0;
  width: 9px;
}

.pepper-variety-gallery .slick-dots .slick-active button {
  background: #fff;
  transform: scale(1.35);
}

.pepper-package-list {
  display: grid;
  gap: 14px;
}

.pepper-package {
  align-items: flex-start;
  background: rgba(255,255,255,.78);
  box-shadow: 0 12px 28px rgba(24,70,65,.08);
  display: grid;
  gap: 24px;
  grid-template-columns: 128px 1fr;
  padding: 20px 24px;
  transition: background-color .25s ease, transform .25s ease;
}

.pepper-package:hover {
  background: #fff;
  transform: translateX(5px);
}

.pepper-package.berry-calendar-card {
  display: block;
  padding: 0 24px 18px;
}

.pepper-package.berry-calendar-card .berry-side-calendar {
  margin-top: -8px;
}

.pepper-package.berry-calendar-card .pepper-calendar-heading {
  margin-bottom: 14px;
  transform: translateY(-10px);
}

.pepper-package.berry-calendar-card .pepper-months {
  margin-top: -8px;
}

.pepper-package-icon {
  align-self: center;
  display: block;
  height: 118px;
  object-fit: contain;
  width: 128px;
}

.pepper-package h3 {
  color: #2f77b9;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 8px;
}

.berry-products-section .pepper-package h3 {
  font-family: "Pacifico", cursive;
  font-size: 34px;
  font-weight: 400;
}

.pimiento-products-section .pepper-package h3 {
  font-family: "Pacifico", cursive;
  font-size: 34px;
  font-weight: 400;
}

.asparagus-products-section .pepper-package h3 {
  font-family: "Pacifico", cursive;
  font-size: 34px;
  font-weight: 400;
}

.pepper-package ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.pepper-package li {
  color: #31504b;
  font-size: 15px;
  line-height: 1.5;
  padding-left: 14px;
  position: relative;
}

.pepper-package li::before {
  background: #15be5c;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 6px;
}

.broccoli-products-section .broccoli-presentations-card {
  display: block;
  padding: 24px 34px 28px;
}

.broccoli-products-section .broccoli-presentations-card h3 {
  margin-bottom: 16px;
  text-align: center;
}

.broccoli-products-section .broccoli-presentations-card .broccoli-presentation-list {
  display: grid;
  gap: 16px 34px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
}

.broccoli-products-section .broccoli-presentations-card .broccoli-presentation-list li {
  font-size: 15px;
  line-height: 1.25;
  padding-left: 24px;
}

.broccoli-products-section .broccoli-presentations-card .broccoli-presentation-list li::before {
  height: 8px;
  top: 6px;
  width: 8px;
}

.broccoli-products-section .broccoli-presentations-card .broccoli-presentation-list li:nth-child(3) {
  grid-column: 2;
  grid-row: 1;
}

.broccoli-products-section .broccoli-presentations-card .broccoli-presentation-list li:nth-child(4) {
  grid-column: 2;
  grid-row: 2;
}

.broccoli-products-section .broccoli-side-calendar .pepper-calendar-heading {
  margin-bottom: 20px;
  transform: none;
}

.broccoli-products-section .broccoli-side-calendar .pepper-months {
  margin-top: 0;
}

.berry-products-section .berry-side-calendar .pepper-calendar-heading {
  margin-bottom: 20px;
  transform: none;
}

.berry-products-section .berry-side-calendar .pepper-months {
  margin-top: 0;
}

.field-products-section .field-side-calendar .pepper-calendar-heading {
  margin-bottom: 20px;
  transform: none;
}

.field-products-section .field-side-calendar .pepper-months {
  margin-top: 0;
}

.pepper-harvest-calendar {
  background: transparent;
  border-top: 0;
  box-shadow: none;
  margin-top: 54px;
  padding: 30px 34px 34px;
}

.pepper-calendar-heading {
  align-items: flex-end;
  display: flex;
  gap: 24px;
  justify-content: center;
  margin-bottom: 24px;
  text-align: center;
}

.pepper-calendar-kicker {
  color: #15be5c;
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.pepper-calendar-heading h3 {
  color: #2f77b9;
  font-family: "Pacifico", cursive;
  font-size: 40px;
  font-weight: 400;
  margin: 0;
}

.pepper-calendar-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.pepper-calendar-legend span {
  align-items: center;
  color: #536762;
  display: flex;
  font-size: 12px;
  gap: 7px;
}

.pepper-calendar-legend i {
  background: #e9efed;
  border-radius: 50%;
  display: block;
  height: 9px;
  width: 9px;
}

.pepper-calendar-legend i.is-harvest {
  background: #15be5c;
}

.pepper-months {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.pepper-months span {
  align-items: center;
  background: #e9efed;
  border: 1px solid transparent;
  color: #75837f;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 600;
  gap: 5px;
  height: 78px;
  justify-content: center;
  position: relative;
}

.pepper-months span.is-harvest {
  background: rgba(21,190,92,.1);
  border-color: rgba(21,190,92,.3);
  color: #2f77b9;
}

.pepper-months img {
  display: block;
  height: 34px;
  object-fit: contain;
  transform-origin: center bottom;
  width: 34px;
}

.pepper-months span:hover img,
.pepper-months span.is-icon-animated img {
  animation: pepper-month-icon-pop .65s ease both;
}

@keyframes pepper-month-icon-pop {
  0% {
    transform: translateY(0) rotate(0) scale(1);
  }
  38% {
    transform: translateY(-8px) rotate(-8deg) scale(1.16);
  }
  68% {
    transform: translateY(-3px) rotate(6deg) scale(1.08);
  }
  100% {
    transform: translateY(0) rotate(0) scale(1);
  }
}

@media (max-width: 991px) {
  .pepper-products-layout {
    gap: 38px;
    grid-template-columns: minmax(0, 1fr) minmax(330px, .9fr);
  }

  .pepper-products-section {
    background-attachment: scroll;
  }

  .pepper-months {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 767px) {
  .pepper-video-hero {
    height: 420px;
  }

  .pepper-video-heading h1 {
    font-size: 50px;
  }

  .pepper-video-heading p {
    font-size: 17px;
  }

  .pepper-products-section {
    padding: 64px 0 72px;
  }

  .pepper-products-heading h2 {
    font-size: 43px;
  }

  .pepper-products-heading p {
    font-size: 16px;
  }

  .pepper-products-layout {
    grid-template-columns: 1fr;
  }

  .pepper-variety-gallery-wrap {
    padding: 0 24px;
  }

  .pepper-variety-prev {
    left: -18px;
  }

  .pepper-variety-next {
    right: -18px;
  }

  .pepper-package {
    padding: 18px;
  }

  .pepper-calendar-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .pepper-harvest-calendar {
    padding: 26px 20px 28px;
  }

  .pepper-months {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Pimiento facts */
.featured-product-pepper.pepper-facts {
  background:
    linear-gradient(rgba(255,255,255,.72), rgba(255,255,255,.72)),
    url("../images/backgrounds/fondo-acuarela.png") center center / cover no-repeat;
  margin-bottom: 0;
  overflow: hidden;
  padding: 86px 0 100px;
}

.featured-product-pepper.pepper-facts.pimiento-facts {
  position: relative;
}

.pimiento-facts-dish {
  left: 50%;
  max-width: 450px;
  opacity: .82;
  pointer-events: none;
  position: absolute;
  top: 56%;
  transform: translate(-50%, -50%);
  width: 32.5vw;
  z-index: 1;
}

.pimiento-facts > .container {
  position: relative;
  z-index: 2;
}

.featured-product-pepper.pepper-facts.field-facts {
  background:
    linear-gradient(rgba(255,255,255,.62), rgba(255,255,255,.62)),
    url("../images/backgrounds/welcome-watercolor-field.png") center center / cover no-repeat;
  position: relative;
}

.field-facts-dish {
  left: 50%;
  max-width: 450px;
  opacity: .82;
  pointer-events: none;
  position: absolute;
  top: 56%;
  transform: translate(-50%, -50%);
  width: 32.5vw;
  z-index: 1;
}

.field-facts > .container {
  position: relative;
  z-index: 2;
}

.featured-product-pepper.pepper-facts.berry-facts {
  background:
    linear-gradient(rgba(255,255,255,.76), rgba(255,255,255,.76)),
    url("../images/fondos/distribucion.jpg") center center / cover no-repeat;
  position: relative;
}

.berry-facts-dish {
  left: 50%;
  max-width: 450px;
  opacity: .82;
  pointer-events: none;
  position: absolute;
  top: 56%;
  transform: translate(-50%, -50%);
  width: 32.5vw;
  z-index: 1;
}

.berry-facts > .container {
  position: relative;
  z-index: 2;
}

.featured-product-pepper.pepper-facts.asparagus-facts {
  background:
    linear-gradient(rgba(255,255,255,.78), rgba(255,255,255,.78)),
    url("../images/backgrounds/campo.jpg") center center / cover no-repeat;
}

.featured-product-pepper.pepper-facts.broccoli-facts {
  background:
    linear-gradient(rgba(255,255,255,.58), rgba(255,255,255,.58)),
    url("../images/backgrounds/welcome-watercolor-field.png") center center / cover no-repeat;
  position: relative;
}

.broccoli-facts-dish {
  left: 50%;
  max-width: 450px;
  opacity: .82;
  pointer-events: none;
  position: absolute;
  top: 56%;
  transform: translate(-50%, -50%);
  width: 32.5vw;
  z-index: 1;
}

.broccoli-facts > .container {
  position: relative;
  z-index: 2;
}

.pepper-facts-title {
  color: #2f77b9;
  font-family: "Pacifico", cursive;
  font-size: 52px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 50px;
}

.pepper-facts-layout {
  align-items: center;
  display: grid;
  gap: 80px;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1fr);
  margin: 0 auto;
  max-width: 1050px;
}

.pepper-facts-visual {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 430px;
  position: relative;
}

.pepper-benefits-image {
  filter: drop-shadow(0 22px 24px rgba(21,77,64,.18));
  height: auto;
  max-height: 370px;
  object-fit: contain;
  transition: filter .4s ease, transform .5s ease;
  width: min(82%, 370px);
}

.pepper-facts-visual:hover .pepper-benefits-image {
  filter: drop-shadow(0 28px 30px rgba(21,77,64,.26)) saturate(1.08);
  transform: scale(1.045) rotate(-1deg);
}

.pepper-fact-button {
  align-items: center;
  animation: pepper-fact-float 4.8s ease-in-out infinite;
  background: #15be5c;
  border: 2px solid #15be5c;
  border-radius: 50%;
  box-shadow: 0 16px 32px rgba(21,190,92,.24);
  color: #fff;
  display: flex;
  height: 72px;
  justify-content: center;
  padding: 0;
  position: absolute;
  transition: background-color .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;
  width: 72px;
  z-index: 3;
}

.pepper-fact-button span {
  align-items: center;
  background: transparent;
  color: #fff;
  display: flex;
  font-size: 28px;
  font-weight: 700;
  height: 54px;
  justify-content: center;
  padding-top: 0;
  width: 54px;
}

.pepper-fact-button:hover,
.pepper-fact-button:focus-visible,
.pepper-fact-button.is-active {
  background: #2f77b9;
  border-color: #2f77b9;
  box-shadow: 0 20px 40px rgba(47,119,185,.28);
  color: #fff;
}

.pepper-fact-button.is-active {
  animation-play-state: paused;
}

.pepper-fact-button-one {
  left: 2%;
  top: 12%;
}

.pepper-fact-button-two {
  animation-delay: -1.6s;
  right: 0;
  top: 36%;
}

.pepper-fact-button-three {
  animation-delay: -3.2s;
  bottom: 4%;
  left: 14%;
}

@keyframes pepper-fact-float {
  0%, 100% {
    transform: translateY(6px);
  }
  50% {
    transform: translateY(-9px);
  }
}

.pepper-facts-content {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 440px;
  position: relative;
}

.pepper-fact-panel {
  align-items: center;
  animation: pepper-fact-enter .4s ease both;
  background: rgba(255,255,255,.9);
  border: 5px solid rgba(21,190,92,.28);
  border-radius: 50%;
  box-shadow: 0 18px 42px rgba(28,76,70,.12);
  display: flex;
  flex-direction: column;
  height: 322px;
  justify-content: center;
  padding: 42px;
  text-align: center;
  width: 322px;
}

.pepper-fact-panel[hidden] {
  display: none;
}

.pepper-fact-label {
  color: #15be5c;
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.pepper-fact-panel p {
  color: #2f4844;
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
}

@keyframes pepper-fact-enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 991px) {
  .pepper-facts-layout {
    gap: 40px;
    grid-template-columns: minmax(0, .85fr) minmax(360px, 1fr);
  }

  .pepper-benefits-image {
    width: min(76%, 330px);
  }
}

@media (max-width: 767px) {
  .featured-product-pepper.pepper-facts {
    padding: 66px 0 74px;
  }

  .pepper-facts-title {
    font-size: 43px;
    margin-bottom: 28px;
  }

  .pepper-facts-layout {
    gap: 30px;
    grid-template-columns: 1fr;
  }

  .pepper-facts-visual {
    min-height: 360px;
  }

  .pepper-fact-button {
    height: 62px;
    width: 62px;
  }

  .pepper-fact-button span {
    background-size: 40px 40px;
    height: 48px;
    width: 48px;
  }

  .pepper-fact-panel {
    height: min(88vw, 380px);
    padding: 42px;
    width: min(88vw, 380px);
  }

  .pepper-fact-panel p {
    font-size: 14px;
    line-height: 1.55;
  }

  .pepper-facts-content {
    min-height: min(88vw, 380px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pepper-fact-button,
  .pepper-fact-panel,
  .pepper-months span:hover img,
  .pepper-months span.is-icon-animated img {
    animation: none;
  }
}