/**
 * Foundation for Sites by ZURB
 * Version 6.2.4
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url("../fnt/HelveticaNeueLTStd-Bd.eot");
  src: url("../fnt/HelveticaNeueLTStd-Bd.eot?#iefix") format("embedded-opentype"), url("../fnt/HelveticaNeueLTStd-Bd.woff2") format("woff2"), url("../fnt/HelveticaNeueLTStd-Bd.woff") format("woff"), url("../fnt/HelveticaNeueLTStd-Bd.ttf") format("truetype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "helvetica_neue_lt_std55_roman";
  src: url("../fnt/helvetica-neue-roman-webfont.woff2") format("woff2"), url("../fnt/helvetica-neue-roman-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.sticky-container {
  z-index: 10;
}
.sticky-container .sticky {
  width: 100%;
}
.sticky-container .sticky .header {
  transition: 0.3s;
  position: absolute;
  z-index: 10;
  width: 100%;
  background: -moz-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(125, 185, 232, 0) 100%);
  background: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgba(125, 185, 232, 0) 100%);
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgba(125, 185, 232, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#007db9e8",GradientType=0 );
  padding: 0 1.25rem;
  display: flex;
  gap: 1.875rem;
  align-items: center;
  justify-content: space-between;
  height: 10rem;
}
@media print, screen and (min-width: 64em) {
  .sticky-container .sticky .header {
    justify-content: center;
    height: 14.0625rem;
  }
}
.sticky-container .sticky .header img.logotipo {
  transition: 0.3s;
  width: 7.5rem;
}
@media print, screen and (min-width: 64em) {
  .sticky-container .sticky .header img.logotipo {
    width: 12.125rem;
  }
}
.sticky-container .sticky .header ul.menu {
  display: none;
}
@media print, screen and (min-width: 64em) {
  .sticky-container .sticky .header ul.menu {
    display: block;
  }
}
.sticky-container .sticky .header ul.menu li a {
  font-family: "Helvetica Neue LT Std";
  transition: 0.3s;
  font-size: 1.5625rem;
  padding: 0.625rem 1.25rem;
  transition: 0.3s;
  color: #ffffff;
  text-transform: uppercase;
}
.sticky-container .sticky .header ul.menu li a:hover, .sticky-container .sticky .header ul.menu li a:focus, .sticky-container .sticky .header ul.menu li a:active, .sticky-container .sticky .header ul.menu li a.activo {
  transition: 0.3s;
  color: #FFFFC6;
}
.sticky-container .sticky .header .icon-menu a {
  transition: 0.3s;
  color: #ffffff;
  font-size: 1.875rem;
}
.sticky-container .sticky .header .icon-menu a:hover, .sticky-container .sticky .header .icon-menu a:focus, .sticky-container .sticky .header .icon-menu a:active {
  transition: 0.3s;
  color: #FFFFC6;
}
.sticky-container .sticky .header ul.idiomas {
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.3s;
  padding: 1.25rem 0.625rem;
  display: flex;
}
.sticky-container .sticky .header ul.idiomas li a {
  font-family: "Helvetica Neue LT Std";
  transition: 0.3s;
  font-size: 1rem;
  padding: 0 0.3125rem;
  color: #ffffff;
}
@media print, screen and (min-width: 64em) {
  .sticky-container .sticky .header ul.idiomas li a {
    padding: 0 0.625rem;
    font-size: 1.25rem;
  }
}
.sticky-container .sticky .header ul.idiomas li a:hover, .sticky-container .sticky .header ul.idiomas li a:focus, .sticky-container .sticky .header ul.idiomas li a:active {
  transition: 0.3s;
  color: #FCA72B;
}
.sticky-container .sticky .header ul.idiomas li a.active {
  color: #FCA72B;
}
.sticky-container .sticky .header ul.idiomas li:first-child a:after {
  content: "/";
  padding-left: 0.625rem;
}
@media print, screen and (min-width: 64em) {
  .sticky-container .sticky .header ul.idiomas li:first-child a:after {
    padding-left: 0.9375rem;
  }
}
.sticky-container .sticky.is-stuck .header {
  transition: 0.3s;
  box-shadow: 0 0 3px -1px #000;
  background: rgba(0, 0, 0, 0.8);
  height: 6.875rem;
}
.sticky-container .sticky.is-stuck .header img.logotipo {
  transition: 0.3s;
  width: 6.25rem;
}
.sticky-container .sticky.is-stuck .header ul.menu li a {
  transition: 0.3s;
  font-size: 1.25rem;
}
@media screen and (max-width: 63.9375em) {
  .sticky-container .sticky.is-stuck .header ul.idiomas {
    transition: 0.3s;
    padding-top: 0;
  }
}

.position-top {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,006600+22 */
  background: rgb(0, 0, 0); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(0, 102, 0) 22%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(0, 0, 0) 0%, rgb(0, 102, 0) 22%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 102, 0) 22%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000000", endColorstr="#006600",GradientType=0 ); /* IE6-9 */
  z-index: 10;
  height: 100vh;
  transform: translateY(-100vh);
  padding-top: 3.125rem;
}
.position-top ul.menu li a {
  font-family: "Helvetica Neue LT Std";
  font-size: 0.9375rem;
  letter-spacing: 0.0625rem;
  transition: 0.3s;
  color: #ffffff;
}
.position-top ul.menu li a:hover, .position-top ul.menu li a:focus, .position-top ul.menu li a:active {
  transition: 0.3s;
  color: #FFFFC6;
}
.position-top .legales {
  padding-top: 3.125rem;
}
.position-top .legales img {
  margin-bottom: 1.875rem;
}
.position-top .legales p {
  font-size: 0.6875rem;
  color: #77BB32;
}
.position-top .close-button {
  font-size: 3.75rem;
  top: 3.125rem;
  right: 2.5rem;
  transition: 0.3s;
  color: #ffffff;
}
.position-top .close-button:hover, .position-top .close-button:focus, .position-top .close-button:active {
  transition: 0.3s;
  color: #FFFFC6;
}

.cont-mensajes-flash {
  position: fixed;
  width: 100%;
  z-index: 10;
}
.cont-mensajes-flash .callout.success p, .cont-mensajes-flash .callout.success h3, .cont-mensajes-flash .callout.alert p, .cont-mensajes-flash .callout.alert h3, .cont-mensajes-flash .callout.warning p, .cont-mensajes-flash .callout.warning h3 {
  color: #ffffff;
}
.cont-mensajes-flash .callout.success button.close-button, .cont-mensajes-flash .callout.alert button.close-button, .cont-mensajes-flash .callout.warning button.close-button {
  color: #ffffff;
}
.cont-mensajes-flash .callout.success h3, .cont-mensajes-flash .callout.alert h3, .cont-mensajes-flash .callout.warning h3 {
  font-size: 1.125rem !important;
  line-height: 1.375rem;
}
.cont-mensajes-flash .callout.success p, .cont-mensajes-flash .callout.alert p, .cont-mensajes-flash .callout.warning p {
  font-size: 1rem !important;
}
.cont-mensajes-flash .callout.success {
  background: #339933;
}
.cont-mensajes-flash .callout.alert {
  background: #a00d28;
}
.cont-mensajes-flash .callout.warning {
  background: #FFBC00;
}

h1, .site-index .banner-hero .slogan, h2, h3, h4, h5 {
  font-family: "IBM Plex Serif", serif;
  font-style: italic;
  font-weight: 900;
}

h1, .site-index .banner-hero .slogan {
  font-size: 2.1875rem;
  line-height: 2.8125rem;
}
@media print, screen and (min-width: 40em) {
  h1, .site-index .banner-hero .slogan {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }
}
@media print, screen and (min-width: 64em) {
  h1, .site-index .banner-hero .slogan {
    font-size: 4.375rem;
    line-height: 5.625rem;
  }
}

h2 {
  font-size: 2.1875rem;
  line-height: 2.8125rem;
}
@media print, screen and (min-width: 40em) {
  h2 {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }
}
@media print, screen and (min-width: 64em) {
  h2 {
    font-size: 3.125rem;
    line-height: 3.75rem;
  }
}

h3 {
  font-size: 1.5625rem;
  line-height: 1.75rem;
}
@media print, screen and (min-width: 40em) {
  h3 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}
@media print, screen and (min-width: 64em) {
  h3 {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

h4 {
  font-size: 1.375rem;
  line-height: 1.625rem;
}

h1.decoracion, .site-index .banner-hero .decoracion.slogan {
  margin-bottom: 5rem;
  position: relative;
  display: inline-block;
  padding: 0 2.5rem;
}
@media print, screen and (min-width: 40em) {
  h1.decoracion, .site-index .banner-hero .decoracion.slogan {
    padding: 0 5rem;
  }
}
h1.decoracion:before, .site-index .banner-hero .decoracion.slogan:before, h1.decoracion:after, .site-index .banner-hero .decoracion.slogan:after {
  position: absolute;
  top: 0;
}
@media screen and (max-width: 39.9375em) {
  h1.decoracion:before, .site-index .banner-hero .decoracion.slogan:before, h1.decoracion:after, .site-index .banner-hero .decoracion.slogan:after {
    transform: scale(0.4);
  }
}
h1.decoracion:before, .site-index .banner-hero .decoracion.slogan:before {
  content: url(../img/bg-hoja-01.png);
  left: -1.25rem;
}
@media print, screen and (min-width: 40em) {
  h1.decoracion:before, .site-index .banner-hero .decoracion.slogan:before {
    left: 0;
  }
}
h1.decoracion:after, .site-index .banner-hero .decoracion.slogan:after {
  content: url(../img/bg-hoja-02.png);
  right: -1.25rem;
}
@media print, screen and (min-width: 40em) {
  h1.decoracion:after, .site-index .banner-hero .decoracion.slogan:after {
    right: 0;
  }
}

h1.diseno-02, .site-index .banner-hero .diseno-02.slogan {
  position: relative;
  color: #ffffff;
  background: #C60000;
  display: inline-block;
  border-radius: 6.25rem;
  padding: 0 1.25rem 0.3125rem;
  text-align: center;
  /*font-size: rem-calc(30);*/
  font-size: 6vw;
}
@media screen and (max-width: 39.9375em) {
  h1.diseno-02, .site-index .banner-hero .diseno-02.slogan {
    width: 80%;
  }
}
@media print, screen and (min-width: 40em) {
  h1.diseno-02, .site-index .banner-hero .diseno-02.slogan {
    font-size: 4vw;
    /*font-size: rem-calc(45);*/
  }
  h1.diseno-02:before, .site-index .banner-hero .diseno-02.slogan:before, h1.diseno-02:after, .site-index .banner-hero .diseno-02.slogan:after {
    position: absolute;
    top: 0;
  }
}
@media screen and (min-width: 40em) and (max-width: 39.9375em) {
  h1.diseno-02:before, .site-index .banner-hero .diseno-02.slogan:before, h1.diseno-02:after, .site-index .banner-hero .diseno-02.slogan:after {
    transform: scale(0.4);
  }
}
@media print, screen and (min-width: 40em) {
  h1.diseno-02:before, .site-index .banner-hero .diseno-02.slogan:before {
    content: url(../img/bg-hoja-rojo-01.png);
    left: -1.25rem;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  h1.diseno-02:before, .site-index .banner-hero .diseno-02.slogan:before {
    left: -5.625rem;
  }
}
@media print, screen and (min-width: 40em) {
  h1.diseno-02:after, .site-index .banner-hero .diseno-02.slogan:after {
    content: url(../img/bg-hoja-rojo-02.png);
    right: -1.25rem;
  }
}
@media print, screen and (min-width: 40em) and (min-width: 40em) {
  h1.diseno-02:after, .site-index .banner-hero .diseno-02.slogan:after {
    right: -5.625rem;
  }
}
@media screen and (min-width: 90em) {
  h1.diseno-02, .site-index .banner-hero .diseno-02.slogan {
    /*font-size: rem-calc(65);*/
    padding: 0 1.875rem 0.9375rem;
  }
}

p, li {
  font-family: "helvetica_neue_lt_std55_roman";
  font-size: 1rem;
  line-height: 1.375rem;
}
@media print, screen and (min-width: 40em) {
  p, li {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media print, screen and (min-width: 64em) {
  p, li {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
form span.form-error {
  display: none;
}
form .has-error span.form-error {
  font-family: "IBM Plex Serif", serif;
  font-size: 0.75rem;
  font-weight: bold;
  color: #C60000;
  display: block;
  margin-bottom: 0.625rem;
  padding-left: 1.25rem;
}
form label {
  font-family: "IBM Plex Serif", serif;
  font-size: 0.9375rem;
  font-style: italic;
  font-weight: 700;
  color: #C60000;
}
@media screen and (min-width: 75em) {
  form label {
    font-size: 1.125rem;
  }
}
form input[type=text], form input[type=password], form input[type=date], form input[type=datetime], form input[type=datetime-local], form input[type=month], form input[type=week], form input[type=email], form input[type=number], form input[type=search], form input[type=tel], form input[type=time], form input[type=url], form input[type=color], form select, form textarea {
  color: #006600;
  font-family: "IBM Plex Serif", serif;
  font-size: 0.9375rem;
  box-shadow: none;
  border: none;
  border-color: none;
}
@media screen and (min-width: 75em) {
  form input[type=text], form input[type=password], form input[type=date], form input[type=datetime], form input[type=datetime-local], form input[type=month], form input[type=week], form input[type=email], form input[type=number], form input[type=search], form input[type=tel], form input[type=time], form input[type=url], form input[type=color], form select, form textarea {
    font-size: 1.125rem;
  }
}
form input[type=text]:focus, form input[type=password]:focus, form input[type=date]:focus, form input[type=datetime]:focus, form input[type=datetime-local]:focus, form input[type=month]:focus, form input[type=week]:focus, form input[type=email]:focus, form input[type=number]:focus, form input[type=search]:focus, form input[type=tel]:focus, form input[type=time]:focus, form input[type=url]:focus, form input[type=color]:focus, form select:focus, form textarea:focus {
  border: none;
  border-color: none;
  box-shadow: none;
}
form input[type=text]::-webkit-input-placeholder, form input[type=password]::-webkit-input-placeholder, form input[type=date]::-webkit-input-placeholder, form input[type=datetime]::-webkit-input-placeholder, form input[type=datetime-local]::-webkit-input-placeholder, form input[type=month]::-webkit-input-placeholder, form input[type=week]::-webkit-input-placeholder, form input[type=email]::-webkit-input-placeholder, form input[type=number]::-webkit-input-placeholder, form input[type=search]::-webkit-input-placeholder, form input[type=tel]::-webkit-input-placeholder, form input[type=time]::-webkit-input-placeholder, form input[type=url]::-webkit-input-placeholder, form input[type=color]::-webkit-input-placeholder, form select::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
  font-size: 0.9375rem;
  color: #D1CDCC;
}
@media screen and (min-width: 75em) {
  form input[type=text]::-webkit-input-placeholder, form input[type=password]::-webkit-input-placeholder, form input[type=date]::-webkit-input-placeholder, form input[type=datetime]::-webkit-input-placeholder, form input[type=datetime-local]::-webkit-input-placeholder, form input[type=month]::-webkit-input-placeholder, form input[type=week]::-webkit-input-placeholder, form input[type=email]::-webkit-input-placeholder, form input[type=number]::-webkit-input-placeholder, form input[type=search]::-webkit-input-placeholder, form input[type=tel]::-webkit-input-placeholder, form input[type=time]::-webkit-input-placeholder, form input[type=url]::-webkit-input-placeholder, form input[type=color]::-webkit-input-placeholder, form select::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
    font-size: 1.125rem;
  }
}
form input[type=text]::-moz-placeholder, form input[type=password]::-moz-placeholder, form input[type=date]::-moz-placeholder, form input[type=datetime]::-moz-placeholder, form input[type=datetime-local]::-moz-placeholder, form input[type=month]::-moz-placeholder, form input[type=week]::-moz-placeholder, form input[type=email]::-moz-placeholder, form input[type=number]::-moz-placeholder, form input[type=search]::-moz-placeholder, form input[type=tel]::-moz-placeholder, form input[type=time]::-moz-placeholder, form input[type=url]::-moz-placeholder, form input[type=color]::-moz-placeholder, form select::-moz-placeholder, form textarea::-moz-placeholder {
  font-size: 0.9375rem;
  color: #D1CDCC;
}
@media screen and (min-width: 75em) {
  form input[type=text]::-moz-placeholder, form input[type=password]::-moz-placeholder, form input[type=date]::-moz-placeholder, form input[type=datetime]::-moz-placeholder, form input[type=datetime-local]::-moz-placeholder, form input[type=month]::-moz-placeholder, form input[type=week]::-moz-placeholder, form input[type=email]::-moz-placeholder, form input[type=number]::-moz-placeholder, form input[type=search]::-moz-placeholder, form input[type=tel]::-moz-placeholder, form input[type=time]::-moz-placeholder, form input[type=url]::-moz-placeholder, form input[type=color]::-moz-placeholder, form select::-moz-placeholder, form textarea::-moz-placeholder {
    font-size: 1.125rem;
  }
}
form input[type=text]:-moz-placeholder, form input[type=password]:-moz-placeholder, form input[type=date]:-moz-placeholder, form input[type=datetime]:-moz-placeholder, form input[type=datetime-local]:-moz-placeholder, form input[type=month]:-moz-placeholder, form input[type=week]:-moz-placeholder, form input[type=email]:-moz-placeholder, form input[type=number]:-moz-placeholder, form input[type=search]:-moz-placeholder, form input[type=tel]:-moz-placeholder, form input[type=time]:-moz-placeholder, form input[type=url]:-moz-placeholder, form input[type=color]:-moz-placeholder, form select:-moz-placeholder, form textarea:-moz-placeholder {
  font-size: 0.9375rem;
  color: #D1CDCC;
}
@media screen and (min-width: 75em) {
  form input[type=text]:-moz-placeholder, form input[type=password]:-moz-placeholder, form input[type=date]:-moz-placeholder, form input[type=datetime]:-moz-placeholder, form input[type=datetime-local]:-moz-placeholder, form input[type=month]:-moz-placeholder, form input[type=week]:-moz-placeholder, form input[type=email]:-moz-placeholder, form input[type=number]:-moz-placeholder, form input[type=search]:-moz-placeholder, form input[type=tel]:-moz-placeholder, form input[type=time]:-moz-placeholder, form input[type=url]:-moz-placeholder, form input[type=color]:-moz-placeholder, form select:-moz-placeholder, form textarea:-moz-placeholder {
    font-size: 1.125rem;
  }
}
form input[type=text]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, form input[type=date]:-ms-input-placeholder, form input[type=datetime]:-ms-input-placeholder, form input[type=datetime-local]:-ms-input-placeholder, form input[type=month]:-ms-input-placeholder, form input[type=week]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form input[type=number]:-ms-input-placeholder, form input[type=search]:-ms-input-placeholder, form input[type=tel]:-ms-input-placeholder, form input[type=time]:-ms-input-placeholder, form input[type=url]:-ms-input-placeholder, form input[type=color]:-ms-input-placeholder, form select:-ms-input-placeholder, form textarea:-ms-input-placeholder {
  font-size: 0.9375rem;
  color: #D1CDCC;
}
@media screen and (min-width: 75em) {
  form input[type=text]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, form input[type=date]:-ms-input-placeholder, form input[type=datetime]:-ms-input-placeholder, form input[type=datetime-local]:-ms-input-placeholder, form input[type=month]:-ms-input-placeholder, form input[type=week]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form input[type=number]:-ms-input-placeholder, form input[type=search]:-ms-input-placeholder, form input[type=tel]:-ms-input-placeholder, form input[type=time]:-ms-input-placeholder, form input[type=url]:-ms-input-placeholder, form input[type=color]:-ms-input-placeholder, form select:-ms-input-placeholder, form textarea:-ms-input-placeholder {
    font-size: 1.125rem;
  }
}
form select {
  padding-top: 0;
}

.button {
  font-family: "IBM Plex Serif", serif;
  font-style: italic;
  font-weight: 900;
  font-size: 1.875rem;
  line-height: 1.875rem;
  padding: 0 3.125rem 0.3125rem 3.125rem;
  border-radius: 0.625rem;
  position: relative;
  overflow: hidden;
}
.button.boton-amarillo {
  background: rgb(255, 151, 0); /* Old browsers */
  background: -moz-linear-gradient(left, rgb(255, 151, 0) 1%, rgb(212, 123, 26) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgb(255, 151, 0) 1%, rgb(212, 123, 26) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgb(255, 151, 0) 1%, rgb(212, 123, 26) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff9700", endColorstr="#d47b1a",GradientType=1 ); /* IE6-9 */
}
.button.boton-amarillo:hover, .button.boton-amarillo:focus, .button.boton-amarillo:active {
  transition: 0.3s;
  background: #FCA72B;
}
.button.boton-amarillo:before {
  content: url(../img/rombo-btn.png);
  position: absolute;
  right: 0.625rem;
  bottom: -0.25rem;
}
.button.boton-amarillo:hover:before, .button.boton-amarillo:focus:before, .button.boton-amarillo:active:before {
  filter: brightness(80%);
}
.button.boton-verde {
  background: #77BB32;
}
.button.boton-verde:before {
  content: url(../img/rombo-btn-v.png);
  position: absolute;
  right: 0.625rem;
  bottom: -0.5rem;
}
.button.boton-verde:hover, .button.boton-verde:focus, .button.boton-verde:active {
  transition: 0.3s;
  background: #006600;
}
.button.boton-verde:hover:before, .button.boton-verde:focus:before, .button.boton-verde:active:before {
  filter: brightness(180%);
}

@media print, screen and (min-width: 64em) {
  .bg-boton {
    background: url(../img/bg-boton.png) no-repeat;
    background-position: 50% top;
    background-size: contain;
    padding-top: 1.25rem;
  }
}

.separador-5 {
  padding: 0.15625rem 0;
}

.separador-10 {
  padding: 0.3125rem 0;
}

.separador-20 {
  padding: 0.625rem 0;
}

.separador-30 {
  padding: 0.9375rem 0;
}

.separador-40 {
  padding: 1.25rem 0;
}

.separador-50 {
  padding: 1.5625rem 0;
}

.separador-60 {
  padding: 1.875rem 0;
}

.separador-70 {
  padding: 2.1875rem 0;
}

.separador-80 {
  padding: 2.5rem 0;
}

.separador-90 {
  padding: 2.8125rem 0;
}

.separador-100 {
  padding: 3.125rem 0;
}

.contenedor {
  margin: auto;
}
@media screen and (min-width: 75em) {
  .contenedor {
    max-width: 62.5rem;
  }
}

.banner-general {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% top;
  height: 31.25rem;
  padding-top: 9.375rem;
}
@media print, screen and (min-width: 64em) {
  .banner-general {
    height: 37.5rem;
    padding-top: 16.875rem;
  }
}
.banner-general .texto {
  font-family: "helvetica_neue_lt_std55_roman";
  color: #FFFFC6;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
@media print, screen and (min-width: 64em) {
  .banner-general .texto {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media print, screen and (min-width: 64em) {
  .banner-general .texto {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}
.banner-general .texto span {
  font-family: "IBM Plex Serif", serif;
  font-style: italic;
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  color: #ffffff;
  margin-bottom: 0.625rem;
  display: block;
}
@media print, screen and (min-width: 40em) {
  .banner-general .texto span {
    font-size: 1.875rem;
    line-height: 2.1875rem;
    margin-bottom: 1.25rem;
  }
}
@media print, screen and (min-width: 64em) {
  .banner-general .texto span {
    font-size: 3.125rem;
    line-height: 3.4375rem;
  }
}

.banner-top {
  height: 7.5rem;
  background: #C60000;
}
@media print, screen and (min-width: 40em) {
  .banner-top {
    height: 10rem;
  }
}
@media print, screen and (min-width: 64em) {
  .banner-top {
    height: 14.0625rem;
  }
}

.site-index .banner-hero {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% top;
  height: 31.25rem;
  padding-top: 11.875rem;
}
.site-index .banner-hero.banner-1 {
  background-image: url(../img/header-banner-01.jpg);
}
.site-index .banner-hero.banner-2 {
  background-image: url(../img/header-banner-02.jpg);
}
.site-index .banner-hero.banner-3 {
  background-image: url(../img/header-banner-03.jpg);
}
.site-index .banner-hero.banner-4 {
  background-image: url(../img/header-banner-04.jpg);
}
.site-index .banner-hero.banner-5 {
  background-image: url(../img/header-banner-05.jpg);
}
@media print, screen and (min-width: 40em) {
  .site-index .banner-hero {
    height: 37.5rem;
    padding-top: 16.875rem;
    padding-top: 16.875rem;
  }
}
@media print, screen and (min-width: 64em) {
  .site-index .banner-hero {
    height: 49.375rem;
    padding-top: 23.125rem;
  }
}
@media screen and (min-width: 75em) {
  .site-index .banner-hero {
    height: 55.625rem;
  }
}
.site-index .banner-hero .slogan {
  color: #ffffff;
  background: #C60000;
  display: inline-block;
  border-radius: 6.25rem;
  padding: 0 3.125rem 0.625rem 2.5rem;
}
@media print, screen and (min-width: 64em) {
  .site-index .banner-hero .slogan {
    padding: 0 4.375rem 0.625rem 3.75rem;
  }
}
.site-index .seccion-seo {
  background: url(../img/bg-textura-01.jpg) no-repeat;
  background-position: 50%;
  background-size: cover;
  padding: 3.125rem 0;
}
.site-index .seccion-seo .bg-titulo {
  margin-bottom: 2.5rem;
  background-image: url(../img/bg-titulo-01-md.png);
  background-position: 50% top;
  background-repeat: no-repeat;
  padding-top: 3.125rem;
}
@media print, screen and (min-width: 64em) {
  .site-index .seccion-seo .bg-titulo {
    background-image: url(../img/bg-titulo-01.png);
  }
}
.site-index .seccion-seo .bg-titulo h2 {
  color: #C60000;
  font-size: 2.875rem;
  line-height: 3.125rem;
}
.site-index .seccion-seo .bg-texto {
  background-image: url(../img/bg-titulo-02-md.png);
  background-repeat: no-repeat;
  background-position: 50% top;
  background-size: contain;
}
@media print, screen and (min-width: 64em) {
  .site-index .seccion-seo .bg-texto {
    background-image: url(../img/bg-titulo-02.png);
  }
}
.site-index .seccion-seo .bg-texto p {
  color: #006600;
}
.site-index .seccion-productos {
  background: url(../img/bg-textura-02.jpg) no-repeat;
  background-size: cover;
  background-position: 50%;
  padding: 3.125rem 0;
}
@media print, screen and (min-width: 64em) {
  .site-index .seccion-productos {
    padding: 3.125rem 0;
  }
}
.site-index .seccion-productos div.column-block img.lst-categoria {
  width: 15.625rem;
}
.site-index .seccion-productos div.column-block .boton-verde {
  font-size: 1.125rem;
}
.site-index .seccion-orgullo {
  background: url(../img/idx-banner-prductoscarey-01.jpg) no-repeat;
  background-position: 50%;
  background-size: cover;
  padding-top: 6.25rem;
  height: 25rem;
}
@media print, screen and (min-width: 40em) {
  .site-index .seccion-orgullo {
    padding-top: 9.375rem;
    height: 31.25rem;
  }
}
@media print, screen and (min-width: 64em) {
  .site-index .seccion-orgullo {
    height: 31.25rem;
  }
}
@media screen and (min-width: 75em) {
  .site-index .seccion-orgullo {
    padding-top: 12.5rem;
    height: 37.5rem;
  }
}
.site-index .seccion-orgullo h2 {
  color: #FFFFC6;
  position: relative;
  width: 18.75rem;
  margin: auto;
  padding-bottom: 1.25rem;
}
@media print, screen and (min-width: 40em) {
  .site-index .seccion-orgullo h2 {
    width: 26.25rem;
  }
}
.site-index .seccion-orgullo h2 span {
  background: #006600;
  border-radius: 6.25rem;
  padding: 0.4375rem 1.875rem 0.625rem 1.875rem;
  display: block;
  line-height: 3.125rem;
  /*padding-bottom: rem-calc(20);*/
}
@media print, screen and (min-width: 40em) {
  .site-index .seccion-orgullo h2 span {
    padding: 0.75rem 3.75rem 1.25rem 3.75rem;
  }
}
.site-index .seccion-orgullo h2:before, .site-index .seccion-orgullo h2:after {
  content: url(../img/bg-flor-01.png);
  position: absolute;
  top: 0;
}
@media screen and (max-width: 39.9375em) {
  .site-index .seccion-orgullo h2:before, .site-index .seccion-orgullo h2:after {
    transform: scale(0.4);
  }
}
.site-index .seccion-orgullo h2:before {
  left: 0;
}
.site-index .seccion-orgullo h2:after {
  right: 0;
}
.site-index .seccion-orgullo p {
  color: #FFFFC6;
}
.site-index .seccion-chiles {
  background: url(../img/idx-bg-chiles.jpg) no-repeat;
  background-size: cover;
  background-position: 50%;
  padding: 5rem 0 5rem 0;
}
@media print, screen and (min-width: 64em) {
  .site-index .seccion-chiles {
    padding: 7.5rem 0;
  }
}
.site-index .seccion-chiles img.chiles {
  margin-bottom: 2.5rem;
}
.site-index .seccion-chiles h2, .site-index .seccion-chiles p {
  color: #ffffff;
}
.site-index .seccion-chiles p {
  margin: 0;
}
.site-index .seccion-chiles h2:after {
  content: url(../img/rombos-01.png);
  display: block;
}

.site-empresa .banner-general {
  background-image: url(../img/empresa-hero.jpg);
}
.site-empresa .seccion-nosotros {
  background: url(../img/empresa-bg-nosotros.jpg) no-repeat;
  background-size: cover;
  background-position: 50%;
  padding: 3.125rem 0;
}
.site-empresa .seccion-nosotros h3, .site-empresa .seccion-nosotros p {
  color: #FFFFC6;
}
.site-empresa .seccion-nosotros h1.decoracion, .site-empresa .seccion-nosotros .site-index .banner-hero .decoracion.slogan, .site-index .banner-hero .site-empresa .seccion-nosotros .decoracion.slogan {
  color: #ffffff;
}
.site-empresa .seccion-nosotros h3 {
  position: relative;
  margin-bottom: 1.25rem;
}
@media print, screen and (min-width: 64em) {
  .site-empresa .seccion-nosotros h3 {
    width: 14.375rem;
    margin-bottom: 2.5rem;
  }
}
.site-empresa .seccion-nosotros h3:after {
  content: url(../img/bg-flor-01.png);
  position: absolute;
  transform: scale(0.6);
}
@media print, screen and (min-width: 64em) {
  .site-empresa .seccion-nosotros h3:after {
    right: 0;
  }
}
.site-empresa .seccion-calidad .col-imagen {
  background: url(../img/empresa-trabajador.jpg) no-repeat;
  background-position: right 50% top 0;
  background-size: cover;
  position: absolute;
  left: 0;
  padding-left: 0;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .site-empresa .seccion-calidad .col-imagen {
    background-position: right 0 top 0;
  }
}
.site-empresa .seccion-calidad .col-texto {
  padding: 3.125rem 0.9375rem;
}
@media print, screen and (min-width: 40em) {
  .site-empresa .seccion-calidad .col-texto {
    padding-top: 3.75rem;
    background-position: right 0 top 0;
  }
}
.site-empresa .seccion-calidad .col-texto h2 {
  color: #C60000;
  margin-bottom: 1.25rem;
}
@media print, screen and (min-width: 40em) {
  .site-empresa .seccion-calidad .col-texto h2 {
    margin-bottom: 3.125rem;
  }
}
.site-empresa .seccion-calidad .col-texto p {
  color: #006600;
}
@media print, screen and (min-width: 40em) {
  .site-empresa .seccion-calidad .col-imagen, .site-empresa .seccion-calidad .col-texto {
    height: 28.125rem;
  }
}
.site-empresa .seccion-calidad-02 {
  background: #003333;
  position: relative;
}
.site-empresa .seccion-calidad-02 .col-imagen {
  background: url(../img/empresa-chiles.jpg) no-repeat;
  background-position: right 50%;
  background-size: cover;
  position: absolute;
  left: 0;
  padding-left: 0;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .site-empresa .seccion-calidad-02 .col-imagen {
    background-position: right 0;
  }
}
.site-empresa .seccion-calidad-02 .col-texto {
  padding: 3.125rem 0.9375rem;
}
@media print, screen and (min-width: 40em) {
  .site-empresa .seccion-calidad-02 .col-texto {
    padding-top: 4.375rem;
  }
}
.site-empresa .seccion-calidad-02 .col-texto p {
  color: #FFFFC6;
}
@media print, screen and (min-width: 40em) {
  .site-empresa .seccion-calidad-02 .col-imagen, .site-empresa .seccion-calidad-02 .col-texto {
    height: 28.125rem;
  }
}
.site-empresa .seccion-calidad-02 img.rombos {
  position: absolute;
  top: -11.5625rem;
  right: 3.75rem;
  display: none;
}
@media screen and (min-width: 90em) {
  .site-empresa .seccion-calidad-02 img.rombos {
    display: block;
  }
}

.producto-index .cont-header {
  position: relative;
}
.producto-index .cont-header .header-carrusel .banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% top;
  height: 31.25rem;
}
@media print, screen and (min-width: 64em) {
  .producto-index .cont-header .header-carrusel .banner {
    height: 37.5rem;
  }
}
.producto-index .cont-header .header-carrusel .banner-01 {
  background-image: url(../img/producto-header-01.jpg);
}
.producto-index .cont-header .header-carrusel .banner-02 {
  background-image: url(../img/producto-header-02.jpg);
}
.producto-index .cont-header .header-carrusel .banner-03 {
  background-image: url(../img/producto-header-03.jpg);
}
.producto-index .cont-header .contenido {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 5;
  padding-top: 9.375rem;
}
@media print, screen and (min-width: 64em) {
  .producto-index .cont-header .contenido {
    height: 37.5rem;
    padding-top: 16.875rem;
  }
}
.producto-index .cont-header .contenido .texto {
  font-family: "helvetica_neue_lt_std55_roman";
  color: #FFFFC6;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
@media print, screen and (min-width: 64em) {
  .producto-index .cont-header .contenido .texto {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media print, screen and (min-width: 64em) {
  .producto-index .cont-header .contenido .texto {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}
.producto-index .cont-header .contenido .texto span {
  font-family: "IBM Plex Serif", serif;
  font-style: italic;
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  color: #ffffff;
  margin-bottom: 0.625rem;
  display: block;
}
@media print, screen and (min-width: 40em) {
  .producto-index .cont-header .contenido .texto span {
    font-size: 1.875rem;
    line-height: 2.1875rem;
    margin-bottom: 1.25rem;
  }
}
@media print, screen and (min-width: 64em) {
  .producto-index .cont-header .contenido .texto span {
    font-size: 3.125rem;
    line-height: 3.4375rem;
  }
}
.producto-index .seccion-productos {
  background: url(../img/bg-textura-03.jpg);
  background-size: cover;
  background-position: 50%;
  padding: 3.125rem 0 2.5rem 0;
}
.producto-index .seccion-productos h1.decoracion, .producto-index .seccion-productos .site-index .banner-hero .decoracion.slogan, .site-index .banner-hero .producto-index .seccion-productos .decoracion.slogan {
  color: #006600;
}
.producto-index .seccion-chiles-carey img.grafico {
  margin: 3.125rem 0;
}
.producto-index .seccion-chiles-carey h3, .producto-index .seccion-chiles-carey p {
  color: #006600;
}
.producto-index .seccion-chiles-carey h3 {
  font-family: "helvetica_neue_lt_std55_roman";
  font-style: normal;
}
.producto-index .seccion-chiles-carey .vinetas {
  background: url(../img/decoracion-verde-01.png) no-repeat;
  height: 2.5rem;
  width: 14.0625rem;
  margin: auto;
}
.producto-index .seccion-marcas {
  background: url(../img/bg-textura-05.jpg) no-repeat;
  background-size: cover;
  padding: 3.125rem 0 5rem 0;
}
.producto-index .seccion-marcas .grid-marcas img {
  margin: 0.625rem 1.25rem;
}
@media screen and (max-width: 39.9375em) {
  .producto-index .seccion-marcas .grid-marcas img {
    width: 6.25rem;
  }
}

.row-productos-listado .column {
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
}
.row-productos-listado .column-block {
  margin-bottom: 0.625rem;
}
.row-productos-listado .column-block .cont-producto {
  position: relative;
  -webkit-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.47);
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.47);
  overflow: hidden;
  width: 100%;
  /*            @include breakpoint(large) {
                  width: rem-calc(940);
              }*/
}
.row-productos-listado .column-block .cont-producto img.fondo {
  transition: 0.4s;
  transform: scale(1);
}
.row-productos-listado .column-block .cont-producto .contenido {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.625rem;
  display: flex;
  align-items: end;
}
.row-productos-listado .column-block .cont-producto .contenido img {
  width: 3.75rem;
}
@media print, screen and (min-width: 40em) {
  .row-productos-listado .column-block .cont-producto .contenido img {
    width: 6.25rem;
  }
}
@media print, screen and (min-width: 64em) {
  .row-productos-listado .column-block .cont-producto .contenido img {
    width: 10vw;
  }
}
.row-productos-listado .column-block .cont-producto .contenido h3 {
  color: #ffffff;
}
.row-productos-listado .column-block .cont-producto:hover img.fondo, .row-productos-listado .column-block .cont-producto:focus img.fondo, .row-productos-listado .column-block .cont-producto:active img.fondo {
  transition: 0.4s;
  transform: scale(1.07);
}
.row-productos-listado .column-block .cont-producto:hover .contenido h3, .row-productos-listado .column-block .cont-producto:focus .contenido h3, .row-productos-listado .column-block .cont-producto:active .contenido h3 {
  color: #FFFFC6;
}

.producto-categoria .bg-banner {
  position: relative;
}
.producto-categoria .bg-banner img.fondo {
  height: 23.75rem;
  object-fit: cover;
}
@media print, screen and (min-width: 64em) {
  .producto-categoria .bg-banner img.fondo {
    height: 36.875rem;
  }
}
.producto-categoria .bg-banner h1, .producto-categoria .bg-banner .site-index .banner-hero .slogan, .site-index .banner-hero .producto-categoria .bg-banner .slogan {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 2.5rem;
}
@media print, screen and (min-width: 64em) {
  .producto-categoria .bg-texto {
    background-image: url(../img/bg-titulo-02-md.png);
    background-repeat: no-repeat;
    background-position: 50% 70%;
    background-size: contain;
  }
}
.producto-categoria .bg-texto h3, .producto-categoria .bg-texto p {
  color: #006600;
  font-style: normal;
}
.producto-categoria .bg-texto h3 {
  font-family: "helvetica_neue_lt_std55_roman";
}
.producto-categoria .bg-texto h3:before {
  content: url(../img/chile-grafic-01.png);
  display: block;
  transform: scale(0.5);
}
.producto-categoria .lista-producto {
  padding: 2.5rem 0;
}
@media print, screen and (min-width: 64em) {
  .producto-categoria .lista-producto {
    padding: 5rem 0;
  }
}
.producto-categoria .lista-producto ul.producto-grid {
  grid-template-columns: repeat(auto-fill, 265px);
  gap: 1.25rem;
  display: grid;
  justify-content: center;
}
.producto-categoria .lista-producto ul.producto-grid .cont-producto .cont-imagen {
  overflow: hidden;
}
.producto-categoria .lista-producto ul.producto-grid .cont-producto .cont-imagen img {
  transition: 0.4s;
  transform: scale(1);
}
.producto-categoria .lista-producto ul.producto-grid .cont-producto h4 {
  color: #006600;
}
.producto-categoria .lista-producto ul.producto-grid .cont-producto h4:before {
  content: url(../img/rombos-02.png);
  display: block;
  transform: scale(0.6);
  margin-top: -1rem;
}
.producto-categoria .lista-producto ul.producto-grid .cont-producto:hover .cont-imagen img, .producto-categoria .lista-producto ul.producto-grid .cont-producto:focus .cont-imagen img, .producto-categoria .lista-producto ul.producto-grid .cont-producto:active .cont-imagen img {
  transition: 0.4s;
  transform: scale(1.07);
}
.producto-categoria .seccion-marcas {
  background: url(../img/bg-categoria-marcas.jpg) no-repeat;
  background-position: 50%;
  padding-top: 1.875rem;
}
@media print, screen and (min-width: 40em) {
  .producto-categoria .seccion-marcas {
    padding-top: 3.75rem;
  }
}
@media print, screen and (min-width: 64em) {
  .producto-categoria .seccion-marcas {
    height: 25rem;
    padding-top: 5.625rem;
  }
}

.producto-producto .seccion-chiles {
  background-image: url(../img/bg-fondo-chiles.jpg);
  background-repeat: no-repeat;
  background-position: 50%;
  position: relative;
  height: 23.75rem;
}
@media print, screen and (min-width: 64em) {
  .producto-producto .seccion-chiles {
    height: 36.875rem;
  }
}
.producto-producto .seccion-chiles img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.detalle-producto {
  padding: 1.875rem 0;
  font-family: "helvetica_neue_lt_std55_roman";
  color: #006600;
  font-size: 1rem;
  line-height: 1.375rem;
}
@media print, screen and (min-width: 64em) {
  .detalle-producto {
    padding: 4.375rem 0;
  }
}
@media print, screen and (min-width: 64em) {
  .detalle-producto .col-img {
    padding-right: 3.125rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .detalle-producto .col-img img {
    width: 15.625rem;
  }
}
.detalle-producto h1, .detalle-producto .site-index .banner-hero .slogan, .site-index .banner-hero .detalle-producto .slogan {
  color: #006600;
  margin-bottom: 1.875rem;
  font-size: 1.75rem;
  line-height: 2rem;
}
@media print, screen and (min-width: 64em) {
  .detalle-producto h1, .detalle-producto .site-index .banner-hero .slogan, .site-index .banner-hero .detalle-producto .slogan {
    margin-bottom: 3.125rem;
    font-size: 2.5rem;
    line-height: 2.8125rem;
  }
}
.detalle-producto h1:after, .detalle-producto .site-index .banner-hero .slogan:after, .site-index .banner-hero .detalle-producto .slogan:after {
  content: url(../img/rombos-03.png);
  display: block;
}
.detalle-producto h2 {
  color: #006600;
  margin-bottom: 1.25rem;
  margin-top: 1.875rem;
  font-size: 1.375rem;
  line-height: 1.875rem;
}
@media print, screen and (min-width: 64em) {
  .detalle-producto h2 {
    margin-top: 3.125rem;
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
@media print, screen and (min-width: 40em) {
  .detalle-producto {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.detalle-producto p {
  color: #006600;
  font-size: 1rem;
  line-height: 1.375rem;
}
@media print, screen and (min-width: 40em) {
  .detalle-producto p {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media print, screen and (min-width: 64em) {
  .detalle-producto .presentaciones {
    /*width: rem-calc(380);*/
  }
}
.detalle-producto .presentaciones .column-block {
  font-family: "helvetica_neue_lt_std55_roman";
  color: #006600;
  border-right: 0.0625rem solid #006600;
  font-size: 0.75rem;
  line-height: 0.75rem;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .detalle-producto .presentaciones .column-block {
    font-size: 0.875rem;
    line-height: 0.875rem;
    padding: 0.625rem;
  }
}
.detalle-producto .presentaciones .column-block:last-child {
  border-right: none;
}
.detalle-producto .atributos img {
  width: 3.75rem;
}

.receta-index .cont-header {
  position: relative;
}
.receta-index .cont-header .header-carrusel .banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% top;
  height: 31.25rem;
}
@media print, screen and (min-width: 64em) {
  .receta-index .cont-header .header-carrusel .banner {
    height: 37.5rem;
  }
}
.receta-index .cont-header .header-carrusel .banner-01 {
  background-image: url(../img/receta-header-01.jpg);
}
.receta-index .cont-header .header-carrusel .banner-02 {
  background-image: url(../img/receta-header-02.jpg);
}
.receta-index .cont-header .header-carrusel .banner-03 {
  background-image: url(../img/receta-header-03.jpg);
}
.receta-index .cont-header .contenido {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 5;
  padding-top: 9.375rem;
}
@media print, screen and (min-width: 64em) {
  .receta-index .cont-header .contenido {
    height: 37.5rem;
    padding-top: 16.875rem;
  }
}
.receta-index .cont-header .contenido .texto {
  font-family: "helvetica_neue_lt_std55_roman";
  color: #FFFFC6;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .receta-index .cont-header .contenido .texto {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media print, screen and (min-width: 64em) {
  .receta-index .cont-header .contenido .texto {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}
.receta-index .cont-header .contenido .texto span {
  font-family: "IBM Plex Serif", serif;
  font-style: italic;
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  color: #ffffff;
  margin-bottom: 0.625rem;
  display: block;
}
@media print, screen and (min-width: 40em) {
  .receta-index .cont-header .contenido .texto span {
    font-size: 1.875rem;
    line-height: 2.1875rem;
    margin-bottom: 1.25rem;
  }
}
@media print, screen and (min-width: 64em) {
  .receta-index .cont-header .contenido .texto span {
    font-size: 3.125rem;
    line-height: 3.4375rem;
  }
}
.receta-index .seccion-productos {
  background: url(../img/bg-textura-03.jpg);
  background-size: cover;
  background-position: 50%;
  padding-top: 3.125rem;
}
.receta-index .seccion-productos h1.decoracion, .receta-index .seccion-productos .site-index .banner-hero .decoracion.slogan, .site-index .banner-hero .receta-index .seccion-productos .decoracion.slogan {
  color: #006600;
}
.receta-index .seccion-chiles-carey {
  margin-top: 3.125rem;
  padding: 1.875rem 0;
  /*        h3, p {
              span {
                  color: $verde01;
              }
          }*/
}
.receta-index .seccion-chiles-carey img.grafico {
  margin: 3.125rem 0;
}
.receta-index .seccion-chiles-carey h3 {
  color: #77BB32;
  /*color: $blanco;*/
  font-family: "helvetica_neue_lt_std55_roman";
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .receta-index .seccion-chiles-carey h3 {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media print, screen and (min-width: 64em) {
  .receta-index .seccion-chiles-carey h3 {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}
.receta-index .seccion-chiles-carey p {
  color: #FFFFC6;
}
.receta-index .vinetas {
  background: url(../img/decoracion-verde-02.png) no-repeat;
  height: 2.5rem;
  width: 14.0625rem;
  margin: auto;
}

.receta-categoria {
  /*    .bg-banner {
          position: relative;
          img.fondo {
              height: rem-calc(380);
              @include breakpoint(large) {
                  height: rem-calc(590);
              }
              object-fit: cover;
          }
          h1 {
              @include absolute-center;
              margin-top: rem-calc(40);
              @include breakpoint(medium) {
                  width: rem-calc(420);
              }
              @include breakpoint(large) {
                  width: rem-calc(710);
              }
          }
      }*/
}
.receta-categoria .bg-banner {
  position: relative;
}
.receta-categoria .bg-banner img.fondo {
  height: 23.75rem;
  object-fit: cover;
}
@media print, screen and (min-width: 64em) {
  .receta-categoria .bg-banner img.fondo {
    height: 36.875rem;
  }
}
.receta-categoria .bg-banner h1, .receta-categoria .bg-banner .site-index .banner-hero .slogan, .site-index .banner-hero .receta-categoria .bg-banner .slogan {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 2.5rem;
}
@media print, screen and (min-width: 64em) {
  .receta-categoria .bg-texto {
    background-image: url(../img/bg-titulo-02-md.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
  }
}
.receta-categoria .bg-texto h3, .receta-categoria .bg-texto p {
  color: #006600;
  font-style: normal;
}
.receta-categoria .bg-texto h3 {
  font-family: "helvetica_neue_lt_std55_roman";
}
.receta-categoria .bg-texto h3:before {
  content: url(../img/chile-grafic-01.png);
  display: block;
  transform: scale(0.5);
}
.receta-categoria .lista-producto {
  padding: 2.5rem 0;
}
@media print, screen and (min-width: 64em) {
  .receta-categoria .lista-producto {
    padding: 5rem 0;
  }
}

.receta-receta .titulo-md {
  padding-bottom: 1.25rem;
}
.receta-receta .titulo-md h1, .receta-receta .titulo-md .site-index .banner-hero .slogan, .site-index .banner-hero .receta-receta .titulo-md .slogan {
  margin-top: 1.25rem;
}
.receta-receta .detalle-producto {
  padding-bottom: 0;
}
.receta-receta .detalle-producto .col-ingredientes {
  background: #006600;
  padding: 1.875rem 0;
}
@media print, screen and (min-width: 64em) {
  .receta-receta .detalle-producto .col-ingredientes {
    padding: 0;
    padding-bottom: 3.125rem;
    min-height: 80.625rem;
  }
}
.receta-receta .detalle-producto .col-ingredientes .cont-imagen img {
  width: 100%;
}
.receta-receta .detalle-producto .col-ingredientes .cont-imagen:after {
  content: url(../img/bg-flor-02.png);
  display: block;
  margin-top: 1.875rem;
  margin-left: 2.5rem;
}
.receta-receta .detalle-producto .col-ingredientes .lista-ingredientes {
  font-family: "helvetica_neue_lt_std55_roman";
  padding: 0 1.25rem;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #FFFFC6;
}
@media print, screen and (min-width: 40em) {
  .receta-receta .detalle-producto .col-ingredientes .lista-ingredientes {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media print, screen and (min-width: 64em) {
  .receta-receta .detalle-producto .col-ingredientes .lista-ingredientes {
    padding: 0 3.125rem;
    font-size: 1.875rem;
    line-height: 3.125rem;
  }
}
.receta-receta .detalle-producto .col-ingredientes .lista-ingredientes h2 {
  color: #FFFFC6;
  margin-top: 1.25rem;
}
@media print, screen and (min-width: 64em) {
  .receta-receta .detalle-producto .col-instrucciones {
    padding-top: 1.875rem;
    padding-left: 1.875rem;
  }
}
.receta-receta .detalle-producto .col-instrucciones .tiempo img {
  display: inline-block;
}
.receta-receta .seccion-otras-recetas {
  background-image: url(../img/bg-textura-01.jpg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  padding-top: 3.125rem;
}
.receta-receta .seccion-otras-recetas h3 {
  color: #006600;
  position: relative;
  display: inline-block;
  margin-bottom: 2.5rem;
}
.receta-receta .seccion-otras-recetas h3:before, .receta-receta .seccion-otras-recetas h3:after {
  position: absolute;
  top: 0;
}
.receta-receta .seccion-otras-recetas h3:before {
  content: url(../img/bg-hoja-verde-01.png);
  left: -3.125rem;
}
.receta-receta .seccion-otras-recetas h3:after {
  content: url(../img/bg-hoja-verde-02.png);
  right: -3.125rem;
}

.receta-categoria .info, .receta-receta .info {
  font-family: "IBM Plex Serif", serif;
  /*font-style: italic;*/
  color: #C60000;
  /*
  font-size: rem-calc(18);
  line-height: rem-calc(22);
  @include breakpoint(medium) {
      font-size: rem-calc(25);
      line-height: rem-calc(30);
  }*/
  font-family: "helvetica_neue_lt_std55_roman";
  font-size: 0.9375rem;
  color: #C60000;
  /*font-style: italic;*/
  /*            background: url(../img/icon-dificultad-@2x.png) no-repeat;
  .item-dificultad {
  background-position: 50%;
  background-size: contain;
  display: inline-block;
  height: rem-calc(15);
  width: rem-calc(15);
  @include breakpoint(medium) {
  height: rem-calc(20);
  width: rem-calc(20);
  }
  }
  */
}
.receta-categoria .info img, .receta-receta .info img {
  width: 1.25rem;
  height: 1.25rem;
}
.receta-categoria .tiempo, .receta-receta .tiempo {
  font-family: "helvetica_neue_lt_std55_roman";
  font-size: 0.9375rem;
  color: #C60000;
}
.receta-categoria .tiempo img, .receta-receta .tiempo img {
  width: 1.5625rem;
  height: 1.5625rem;
  display: block;
  margin: auto;
}
.receta-categoria ul.producto-grid, .receta-receta ul.producto-grid {
  grid-template-columns: repeat(auto-fill, 280px);
  gap: 1.875rem;
  display: grid;
  justify-content: center;
}
@media print, screen and (min-width: 40em) {
  .receta-categoria ul.producto-grid, .receta-receta ul.producto-grid {
    grid-template-columns: repeat(auto-fill, 360px);
  }
}
.receta-categoria ul.producto-grid .cont-producto, .receta-receta ul.producto-grid .cont-producto {
  margin-bottom: 2.5rem;
}
.receta-categoria ul.producto-grid .cont-producto .cont-imagen, .receta-receta ul.producto-grid .cont-producto .cont-imagen {
  position: relative;
  margin-bottom: 0.625rem;
}
.receta-categoria ul.producto-grid .cont-producto .cont-imagen h4, .receta-receta ul.producto-grid .cont-producto .cont-imagen h4 {
  color: #FFFFC6;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.625rem;
  width: 100%;
}
.receta-categoria ul.producto-grid .cont-producto .cont-imagen .sombra, .receta-receta ul.producto-grid .cont-producto .cont-imagen .sombra {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#c9000000",GradientType=0 );
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.receta-receta .info {
  font-family: "helvetica_neue_lt_std55_roman";
  font-size: 1.25rem;
}
.receta-receta .info .item-dificultad {
  height: 1.25rem;
  width: 1.25rem;
}
@media print, screen and (min-width: 40em) {
  .receta-receta .info .item-dificultad {
    height: 1.5625rem;
    width: 1.5625rem;
  }
}
.receta-receta .tiempo {
  font-size: 1.25rem;
  color: #C60000;
}
.receta-receta .tiempo img {
  width: 1.5625rem;
}

.site-contacto .banner-general {
  background-image: url(../img/contacto-hero.jpg);
}
@media screen and (max-width: 63.9375em) {
  .site-contacto .banner-general {
    padding-top: 14.375rem;
  }
}
.site-contacto .seccion-seo {
  padding: 3.125rem 0;
}
.site-contacto .seccion-seo h3 {
  color: #006600;
}
.site-contacto .seccion-seo h3:after {
  content: url(../img/rombos-02.png);
  display: block;
}
.site-contacto .seccion-seo p {
  color: #006600;
}
.site-contacto .bg-formulario {
  background: url(../img/bg-textura-04.jpg) no-repeat;
  background-position: 50% 30%;
  padding: 3.125rem 0;
}
.site-contacto .bg-formulario img.top-decoracion {
  margin-bottom: 3.125rem;
}
.site-contacto .bg-formulario .aviso {
  color: #C60000;
  font-family: "IBM Plex Serif", serif;
  font-style: italic;
  font-weight: 900;
  font-size: 0.9375rem;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 75em) {
  .site-contacto .bg-formulario .aviso {
    font-size: 1.125rem;
  }
}
.site-contacto .bg-formulario .aviso a {
  color: #FF9300;
}
.site-contacto .bg-formulario .button {
  -webkit-box-shadow: 0px 10px 16px -13px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 10px 16px -13px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 10px 16px -13px rgba(0, 0, 0, 0.75);
}
.site-contacto .mapa {
  background: #D1CDCC;
  height: 25rem;
}
.site-contacto .bg-localidades {
  background: #C60000;
}
@media print, screen and (min-width: 64em) {
  .site-contacto .bg-localidades .cont-localidades {
    display: flex;
    justify-content: center;
  }
}
.site-contacto .bg-localidades .cont-localidades a .item-localidad {
  padding: 1.25rem;
}
@media print, screen and (min-width: 64em) {
  .site-contacto .bg-localidades .cont-localidades a .item-localidad {
    padding: 3.125rem 2.5rem;
  }
}
.site-contacto .bg-localidades .cont-localidades a .item-localidad h4, .site-contacto .bg-localidades .cont-localidades a .item-localidad p {
  color: #FFFFC6;
}
.site-contacto .bg-localidades .cont-localidades a .item-localidad h4 {
  font-size: 2rem;
  margin-bottom: 1.875rem;
}
.site-contacto .bg-localidades .cont-localidades a .item-localidad p {
  width: 16.25rem;
  font-size: 1.375rem;
  line-height: 1.75rem;
}
.site-contacto .bg-localidades .cont-localidades a:hover .item-localidad, .site-contacto .bg-localidades .cont-localidades a:focus .item-localidad, .site-contacto .bg-localidades .cont-localidades a:active .item-localidad {
  background: #FF9300;
}
.site-contacto .bg-localidades .cont-localidades a:hover .item-localidad h4, .site-contacto .bg-localidades .cont-localidades a:hover .item-localidad p, .site-contacto .bg-localidades .cont-localidades a:focus .item-localidad h4, .site-contacto .bg-localidades .cont-localidades a:focus .item-localidad p, .site-contacto .bg-localidades .cont-localidades a:active .item-localidad h4, .site-contacto .bg-localidades .cont-localidades a:active .item-localidad p {
  color: #ffffff;
}

.pagination {
  margin-top: 3.125rem;
}
.pagination li {
  background: none;
}
.pagination li a {
  font-family: "IBM Plex Serif", serif;
  font-size: 1.125rem;
  font-weight: 900;
  transition: 0.3s;
  color: #006600;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 2.3125rem;
  width: 2.3125rem;
  border-radius: 3.125rem;
}
.pagination li a:hover, .pagination li a:focus, .pagination li a:active {
  transition: 0.3s;
  background: #C60000;
  color: #FFFFC6;
}
.pagination .current {
  transition: 0.3s;
  background: none;
  padding: 0;
}
.pagination .current a {
  transition: 0.3s;
  background: #C60000;
  color: #FFFFC6;
}
.pagination .pagination-previous a, .pagination .pagination-next a {
  color: #006600;
  font-size: 1.5625rem;
}
.pagination .pagination-previous a:hover, .pagination .pagination-previous a:focus, .pagination .pagination-previous a:active, .pagination .pagination-next a:hover, .pagination .pagination-next a:focus, .pagination .pagination-next a:active {
  color: #FF9300;
  background: none;
}
.pagination .pagination-previous a:before {
  font-family: "fontAwesome";
  content: "\f100";
}
.pagination .pagination-next a:after {
  font-family: "fontAwesome";
  content: "\f101";
}

.site-aviso-privacidad h1, .site-aviso-privacidad .site-index .banner-hero .slogan, .site-index .banner-hero .site-aviso-privacidad .slogan, .site-aviso-de-privacidad-modal h1, .site-aviso-de-privacidad-modal .site-index .banner-hero .slogan, .site-index .banner-hero .site-aviso-de-privacidad-modal .slogan {
  color: #006600;
  font-size: 1.5625rem;
  line-height: 1.5625rem;
}
@media print, screen and (min-width: 40em) {
  .site-aviso-privacidad h1, .site-aviso-privacidad .site-index .banner-hero .slogan, .site-index .banner-hero .site-aviso-privacidad .slogan, .site-aviso-de-privacidad-modal h1, .site-aviso-de-privacidad-modal .site-index .banner-hero .slogan, .site-index .banner-hero .site-aviso-de-privacidad-modal .slogan {
    font-size: 3.125rem;
    line-height: 3.125rem;
  }
}
.site-aviso-privacidad p, .site-aviso-privacidad li, .site-aviso-de-privacidad-modal p, .site-aviso-de-privacidad-modal li {
  color: #006600;
  font-size: 1rem;
  line-height: 1.375rem;
}
@media print, screen and (min-width: 40em) {
  .site-aviso-privacidad p, .site-aviso-privacidad li, .site-aviso-de-privacidad-modal p, .site-aviso-de-privacidad-modal li {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.site-aviso-privacidad p a, .site-aviso-privacidad li a, .site-aviso-de-privacidad-modal p a, .site-aviso-de-privacidad-modal li a {
  color: #FCA72B;
}
.site-aviso-privacidad p a:hover, .site-aviso-privacidad p a:focus, .site-aviso-privacidad p a:active, .site-aviso-privacidad li a:hover, .site-aviso-privacidad li a:focus, .site-aviso-privacidad li a:active, .site-aviso-de-privacidad-modal p a:hover, .site-aviso-de-privacidad-modal p a:focus, .site-aviso-de-privacidad-modal p a:active, .site-aviso-de-privacidad-modal li a:hover, .site-aviso-de-privacidad-modal li a:focus, .site-aviso-de-privacidad-modal li a:active {
  color: #FF9300;
}

.site-aviso-privacidad {
  padding-bottom: 3.125rem;
}
.site-aviso-privacidad .banner-top {
  margin-bottom: 3.125rem;
}

.site-aviso-de-privacidad-modal .contenido {
  height: 37.5rem;
  overflow-y: scroll;
}

.site-error {
  padding-bottom: 3.125rem;
  background-image: url(../img/bg-textura-01.jpg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  height: 100vh;
}
.site-error .banner-top {
  margin-bottom: 8%;
}
.site-error h1, .site-error .site-index .banner-hero .slogan, .site-index .banner-hero .site-error .slogan, .site-error h2, .site-error p {
  color: #006600;
}
.site-error h2:after {
  content: url(../img/rombos-03.png);
  display: block;
}
.site-error h1, .site-error .site-index .banner-hero .slogan, .site-index .banner-hero .site-error .slogan {
  font-size: 1.875rem;
  line-height: 1.875rem;
}

.cont-breadcrumbs {
  margin-top: 3.125rem;
}
.cont-breadcrumbs ul.breadcrumbs {
  margin: 0;
}
.cont-breadcrumbs ul.breadcrumbs li {
  font-family: "IBM Plex Serif", serif;
  font-style: italic;
  font-weight: 900;
  color: #77BB32;
  font-size: 1.25rem;
  text-transform: capitalize;
}
.cont-breadcrumbs ul.breadcrumbs li a {
  color: #77BB32;
}
.cont-breadcrumbs ul.breadcrumbs li a:hover, .cont-breadcrumbs ul.breadcrumbs li a:focus, .cont-breadcrumbs ul.breadcrumbs li a:active {
  color: #FF9300;
}
.cont-breadcrumbs .breadcrumbs li:not(:last-child)::after {
  color: #77BB32;
}

.footer {
  background: #006600;
  border-top: solid #003333 0.3125rem;
}
.footer .cont-menu {
  padding: 1.25rem 0;
}
@media print, screen and (min-width: 64em) {
  .footer .cont-menu {
    display: flex;
    gap: 0.625rem;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 63.9375em) {
  .footer .cont-menu ul.menu {
    margin: auto;
    width: 12.5rem;
    padding: 0.625rem 0;
  }
}
.footer .cont-menu ul.menu li a {
  font-family: "Helvetica Neue LT Std";
  font-size: 0.9375rem;
  padding: 0;
  width: 6.25rem;
  transition: 0.3s;
  color: #ffffff;
}
@media print, screen and (min-width: 64em) {
  .footer .cont-menu ul.menu li a {
    padding: 0 1.25rem;
    width: auto;
  }
}
.footer .cont-menu ul.menu li a:hover, .footer .cont-menu ul.menu li a:focus, .footer .cont-menu ul.menu li a:active, .footer .cont-menu ul.menu li a.activo {
  transition: 0.3s;
  color: #FFFFC6;
}
.footer .cont-menu ul.menu li:first-child a {
  border-right: 0.125rem solid #FCA72B;
}
.footer .legales {
  padding: 0.9375rem 0;
}
@media print, screen and (min-width: 64em) {
  .footer .legales {
    padding: 1.875rem 0;
  }
}
.footer .legales p {
  font-size: 0.75rem;
  line-height: 0.75rem;
  margin: 0;
  font-weight: 600;
  color: #77BB32;
}
@media print, screen and (min-width: 64em) {
  .footer .legales p {
    font-size: 0.875rem;
    line-height: 0.875rem;
  }
}
.footer .legales p a {
  transition: 0.3s;
  color: #77BB32;
}
.footer .legales p a:hover, .footer .legales p a:focus, .footer .legales p a:active {
  transition: 0.3s;
  color: #FCA72B;
}
.footer .legales p span {
  font-weight: 400;
}

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