/* LOAD BREAKS POINTS */
/* COLORS  ********************************/
/************ ACCORDION CARDS ***********/
/* LOAD COLORS */
:root {
  --colorblack: #001135;
  --colorblack2: #303030;
  --colorblackText: #4B4949;
  --colorblackText2: #8F8F8F;
  --colorwhite: #ffffff;
  --colorwhite2: #F1F1F1;
  --colorgreyDarkText: #6C6D70;
  --colorgreyDarkText2: #4B4949;
  --colorgreyDarkText3: #A3A3A3;
  --colorgreyLight: #EDEDED;
  --colorgreyMedium: #C5C6CB;
  --colorgreyDark: #5C6F6C;
  --colorgrey: #F4F4F4;
  --colorblueNormon: #002169;
  --colorblueNormon2: #00336E;
  --colorblueLightNormon: #1C9CD9;
  --colorblueLightNormon2: #88C8E7;
  --colorblueLightNormon3: #BAE1F3;
  --colorblueLight: #80A7D9;
  --colorgreenLight: #B8DED7;
  --colororange: #FF9366;
  --colorgreen: #007680;
  --colorgreenLight2: #E5F3F1;
  --colorbrown: #BBA887;
}

section.producto-presentaciones {
  width: 100%;
  padding: 6.4vw 6.1333333333vw 6.4vw 6.1333333333vw;
}
@media (min-width: 782px) {
  section.producto-presentaciones {
    width: 100%;
    padding: 1.6666666667vw 8.3333333333vw 1.6666666667vw 8.3333333333vw;
  }
}
@media (min-width: 1440px) {
  section.producto-presentaciones {
    width: 1440px;
    padding: 24px 120px 24px 120px;
    margin: 0 auto;
  }
}
section.producto-presentaciones .inner-wrapper {
  width: 100%;
  height: 100%;
  padding: 8.5333333333vw;
  border: 0.5333333333vw solid var(--colorblueLightNormon);
  border-radius: 13.3333333333vw;
}
@media (min-width: 782px) {
  section.producto-presentaciones .inner-wrapper {
    padding: 2.2222222222vw;
    border: 0.2083333333vw solid var(--colorblueLightNormon);
    border-radius: 3.4722222222vw;
    position: relative;
  }
  section.producto-presentaciones .inner-wrapper:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.2083333333vw;
    background-color: var(--colorgrey);
    top: 5.5555555556vw;
    left: 0;
  }
}
@media (min-width: 1440px) {
  section.producto-presentaciones .inner-wrapper {
    padding: 32px;
    border: 3px solid var(--colorblueLightNormon);
    border-radius: 50px;
  }
  section.producto-presentaciones .inner-wrapper:after {
    height: 3px;
    top: 80px;
  }
}
section.producto-presentaciones .inner-wrapper .header-row {
  cursor: pointer;
  pointer-events: all;
}
@media (min-width: 782px) {
  section.producto-presentaciones .inner-wrapper .header-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    cursor: initial;
  }
}
section.producto-presentaciones .inner-wrapper .header-row div {
  display: none;
  font-family: "Arial Nova", Arial;
  font-size: 5.3333333333vw;
  line-height: 1.2;
  font-weight: 600;
  text-decoration: none;
  color: var(--colorblueNormon);
}
@media (min-width: 782px) {
  section.producto-presentaciones .inner-wrapper .header-row div {
    width: 40%;
  }
  section.producto-presentaciones .inner-wrapper .header-row div:last-child {
    width: 10%;
  }
}
section.producto-presentaciones .inner-wrapper .header-row div.title {
  padding-left: 8.5333333333vw;
  padding-right: 8.5333333333vw;
  position: relative;
  display: none;
}
section.producto-presentaciones .inner-wrapper .header-row div.title:after {
  content: "";
  position: absolute;
  width: 4.8vw;
  height: 2.6666666667vw;
  background: var(--colorblueLightNormon);
  mask: url(../img/chevron-blue.svg) no-repeat center/contain;
  -webkit-mask: url(../img/chevron-blue.svg) no-repeat center/contain;
  top: 50%;
  right: 0;
  transform: translateY(-32%);
  transition: transform 0.2s linear;
}
section.producto-presentaciones .inner-wrapper .header-row div.title.open:after {
  transform: translateY(-32%) rotate(-180deg);
}
@media (min-width: 782px) {
  section.producto-presentaciones .inner-wrapper .header-row div.title {
    padding-left: 2.2222222222vw;
    padding-right: 2.2222222222vw;
    display: block;
  }
  section.producto-presentaciones .inner-wrapper .header-row div.title:before {
    width: 1.7361111111vw;
    height: 1.7361111111vw;
  }
  section.producto-presentaciones .inner-wrapper .header-row div.title:after {
    display: none;
  }
}
@media (min-width: 1440px) {
  section.producto-presentaciones .inner-wrapper .header-row div.title {
    font-size: 22px;
    padding-left: 32px;
    padding-right: 32px;
  }
  section.producto-presentaciones .inner-wrapper .header-row div.title:before {
    width: 25px;
    height: 25px;
  }
}
section.producto-presentaciones .inner-wrapper .header-row div.presentacion {
  padding-left: 8.5333333333vw;
  padding-right: 8.5333333333vw;
  position: relative;
  display: block;
}
section.producto-presentaciones .inner-wrapper .header-row div.presentacion:before {
  content: "";
  position: absolute;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background: var(--colorblueLightNormon);
  mask: url(../img/icon-producto.svg) no-repeat center/contain;
  -webkit-mask: url(../img/icon-producto.svg) no-repeat center/contain;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
section.producto-presentaciones .inner-wrapper .header-row div.presentacion:after {
  content: "";
  position: absolute;
  width: 4.8vw;
  height: 2.6666666667vw;
  background: var(--colorblueLightNormon);
  mask: url(../img/chevron-blue.svg) no-repeat center/contain;
  -webkit-mask: url(../img/chevron-blue.svg) no-repeat center/contain;
  top: 50%;
  right: 0;
  transform: translateY(-32%);
  transition: transform 0.2s linear;
}
section.producto-presentaciones .inner-wrapper .header-row div.presentacion.open:after {
  transform: translateY(-32%) rotate(-180deg);
}
@media (min-width: 782px) {
  section.producto-presentaciones .inner-wrapper .header-row div.presentacion {
    padding-left: 0;
    padding-right: 0;
  }
  section.producto-presentaciones .inner-wrapper .header-row div.presentacion:before, section.producto-presentaciones .inner-wrapper .header-row div.presentacion:after {
    display: none;
  }
}
@media (min-width: 782px) {
  section.producto-presentaciones .inner-wrapper .header-row div {
    display: inline-block;
    font-size: 1.5277777778vw;
    width: 43%;
  }
  section.producto-presentaciones .inner-wrapper .header-row div.title {
    width: 40%;
    display: inline-block;
    padding-right: 0;
  }
  section.producto-presentaciones .inner-wrapper .header-row div:last-child {
    width: 10%;
  }
}
@media (min-width: 1440px) {
  section.producto-presentaciones .inner-wrapper .header-row div {
    font-size: 22px;
  }
}
section.producto-presentaciones .inner-wrapper .header-row.open .title:after {
  transform: translateY(-32%) rotate(-180deg);
}
section.producto-presentaciones .inner-wrapper .inner-row {
  display: none;
}
@media (min-width: 782px) {
  section.producto-presentaciones .inner-wrapper .inner-row {
    display: block;
  }
}
section.producto-presentaciones .inner-wrapper .inner-row .producto {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8.5333333333vw;
}
section.producto-presentaciones .inner-wrapper .inner-row .producto .img-box {
  width: 38%;
  max-width: 42.6666666667vw;
}
section.producto-presentaciones .inner-wrapper .inner-row .producto .img-box img {
  width: 100%;
  height: auto;
}
section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box {
  width: 58%;
}
section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .product-title {
  font-family: "Arial Nova", Arial;
  font-size: 4.2666666667vw;
  line-height: 1.2;
  font-weight: 700;
  color: var(--colorblaca);
}
section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .present, section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .cn {
  font-family: "Arial Nova", Arial;
  font-size: 3.7333333333vw;
  line-height: 1.2;
  font-weight: 400;
  color: var(--colorgreyDarkText3);
}
section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .cn {
  font-weight: 600;
}
@media (min-width: 782px) {
  section.producto-presentaciones .inner-wrapper .inner-row .producto {
    margin-top: 0.8333333333vw;
  }
  section.producto-presentaciones .inner-wrapper .inner-row .producto:first-child {
    margin-top: 2.7777777778vw;
  }
  section.producto-presentaciones .inner-wrapper .inner-row .producto .img-box {
    width: 100%;
    max-width: 6.9444444444vw;
  }
  section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-start;
  }
  section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .product-title {
    font-size: 1.25vw;
    width: calc(48% - 6.9444444444vw);
    padding-left: 2.2222222222vw;
    padding-right: 0.8333333333vw;
  }
  section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .present, section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .cn {
    font-size: 1.25vw;
    padding-right: 0.8333333333vw;
  }
  section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .present {
    width: 50%;
  }
  section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .cn {
    width: 10%;
  }
  section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .cn span {
    display: none;
  }
}
@media (min-width: 1440px) {
  section.producto-presentaciones .inner-wrapper .inner-row .producto {
    margin-top: 12px;
  }
  section.producto-presentaciones .inner-wrapper .inner-row .producto:first-child {
    margin-top: 40px;
  }
  section.producto-presentaciones .inner-wrapper .inner-row .producto .img-box {
    max-width: 100px;
  }
  section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .product-title {
    font-size: 18px;
    width: calc(48% - 100px);
    padding-left: 32px;
    padding-right: 12px;
  }
  section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .present, section.producto-presentaciones .inner-wrapper .inner-row .producto .text-box .cn {
    font-size: 18px;
    padding-right: 12px;
  }
}

/*# sourceMappingURL=style.css.map */