/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.20.4.1690460576
Updated: 2023-07-27 13:22:56

*/
.hero-where-to-buy video {
  transform: translateY(-150px);
}

.hero-where-to-buy .h1-buy-now {
  color: var(--Foundation-Grey-G50, #FCFCFB);
  font-family: "Bobby Jones";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.64px;
}

.hero-where-to-buy .text-hero-buy-now {
  color: var(--Foundation-Grey-G50, #FCFCFB);
  text-align: center;
  font-family: "Bobby Jones Soft";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

@media (max-width: 1258px) {
  .hero-where-to-buy video {
    transform: translateY(0px);
  }
}

.bloque-donde-comprar {
  background: #E7E3DF;
}

.bloque-donde-comprar.et_pb_section {
  padding: 14px;
}

html:has(.content-listado) .et_pb_row {
  max-width: 1116px;
  padding: 0 0 27px;
}

section.content-listado .container-listado {
  padding-bottom: 30px;
}

section.content-listado .container-listado .row-listado {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  gap: 24px;
  margin-bottom: 68px;
}

section.content-listado .container-listado .row-listado a:after {
  display: none;
}

section.content-listado .container-listado .row-listado .marca {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 261px;
  height: 196px;
  position: relative;
  transition: all ease-in-out 0.2s;
  overflow: hidden;
  background: #F4F2F0;
  border-radius: 12px;
  box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.07);
}

section.content-listado .container-listado .row-listado .marca .logo {
  display: flex;
  justify-content: center;
  height: 65%;
  width: 100%;
}

section.content-listado .container-listado .row-listado .marca .logo a {
  width: 100%;
  height: 100%;
  padding: 18px 32px 0;
}

section.content-listado .container-listado .row-listado .marca .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(2px 4px 6px #0000004a);
}

section.content-listado .container-listado .row-listado .marca .nombre {
  display: flex;
  justify-content: center;
  padding: 0 14px;
}

section.content-listado .container-listado .row-listado .marca .nombre a,
section.content-listado .container-listado .row-listado .marca .nombre a:visited {
  color: #666;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  text-decoration: none;
  padding-bottom: 14px;
}

section.content-listado .container-listado .row-listado .marca .cta {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
}

section.content-listado .container-listado .row-listado .marca .cta a,
section.content-listado .container-listado .row-listado .marca .cta a:visited {
  color: var(--Gray-000, #FFF);
  font-family: "Bobby Jones Soft";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}

section.content-listado .container-listado .row-listado .marca:hover .cta {
  opacity: 1;
  background: #ACB72C;
}

section.content-listado .container-listado .row-textos {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: space-between;
}

section.content-listado .container-listado .row-textos .col-left {
  max-width: 546px;
}

section.content-listado .container-listado .row-textos .col-left .row-texto {
  margin-bottom: 24px;
}

section.content-listado .container-listado .row-textos .col-left .cta-green {
  min-height: 57px;
  display: flex;
  align-items: center;
}

section.content-listado .container-listado .row-textos .col-left .cta-green a,
section.content-listado .container-listado .row-textos .col-left .cta-green a:visited {
  color: #FFF;
  font-family: "Bobby Jones Soft";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  padding: 16px 24px;
  border-radius: 100px;
  background: #9CA71F;
  transition: all ease 0.3s;
}

section.content-listado .container-listado .row-textos .col-left .cta-green a:hover,
section.content-listado .container-listado .row-textos .col-left .cta-green a:visited:hover {
  background: #fff;
  border: 1px solid #9CA71F;
  color: #9CA71F;
}

section.content-listado .container-listado .row-textos .col-right {
  max-width: 220px;
  display: flex;
  align-items: center;
  justify-content: end;
}

section.content-listado .container-listado .row-textos h2 {
  color: #1D1D1B;
  font-family: "Bobby Jones Condensed";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding-bottom: 24px;
}

section.content-listado .container-listado .row-textos p {
  color: #666;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

@media (max-width: 767px) {
  section.content-listado .container-listado {
    padding-top: 8px;
  }

  section.content-listado .container-listado .row-listado .marca {
    width: 176px;
  }

  section.content-listado .container-listado .row-listado .marca .logo a,
  section.content-listado .container-listado .row-listado .marca .logo a:visited {
    padding: 18px;
  }

  section.content-listado .container-listado .row-listado .marca .nombre a,
  section.content-listado .container-listado .row-listado .marca .nombre a:visited {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 20px;
  }

  section.content-listado .container-listado .row-textos {
    position: relative;
  }

  section.content-listado .container-listado .row-textos .col-right {
    position: absolute;
    bottom: 8px;
    right: 0;
  }
}

/*# sourceMappingURL=style.css.map */