@charset "UTF-8";
@font-face {
  font-family: "Geogrotesque Rg";
  src: url("../fonts/Geogrotesque-Regular.woff2") format("woff2"), url("../fonts/Geogrotesque-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geogrotesque Bd";
  src: url("../fonts/Geogrotesque-Bold.woff2") format("woff2"), url("../fonts/Geogrotesque-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Geogrotesque SmBd";
  src: url("../fonts/Geogrotesque-SemiBold.woff2") format("woff2"), url("../fonts/Geogrotesque-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-BoldItalic.woff2") format("woff2"), url("../fonts/OpenSans-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Semibold.woff2") format("woff2"), url("../fonts/OpenSans-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans.woff2") format("woff2"), url("../fonts/OpenSans.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-SemiboldItalic.woff2") format("woff2"), url("../fonts/OpenSans-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSansLight-Italic.woff2") format("woff2"), url("../fonts/OpenSansLight-Italic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Light.woff2") format("woff2"), url("../fonts/OpenSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Extrabold.woff2") format("woff2"), url("../fonts/OpenSans-Extrabold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Bold.woff2") format("woff2"), url("../fonts/OpenSans-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Italic.woff2") format("woff2"), url("../fonts/OpenSans-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Italic.woff2") format("woff2"), url("../fonts/OpenSans-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-BoldItalic.woff2") format("woff2"), url("../fonts/CormorantGaramond-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-MediumItalic.woff2") format("woff2"), url("../fonts/CormorantGaramond-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-SemiBoldItalic.woff2") format("woff2"), url("../fonts/CormorantGaramond-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-Regular.woff2") format("woff2"), url("../fonts/CormorantGaramond-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-SemiBold.woff2") format("woff2"), url("../fonts/CormorantGaramond-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-Medium.woff2") format("woff2"), url("../fonts/CormorantGaramond-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-Italic.woff2") format("woff2"), url("../fonts/CormorantGaramond-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-Light.woff2") format("woff2"), url("../fonts/CormorantGaramond-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-LightItalic.woff2") format("woff2"), url("../fonts/CormorantGaramond-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("../fonts/CormorantGaramond-Bold.woff2") format("woff2"), url("../fonts/CormorantGaramond-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/FigtreeLight.ttf") format("woff2"), url("../fonts/Figtree-Light.ttf") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree-Regular.ttf") format("woff2"), url("../fonts/Figtree-Regular.ttf") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree-ExtraBold.ttf") format("woff2"), url("../fonts/Figtree-ExtraBold.ttf") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/*color corporativo*/
/* forest green*/
header {
  background-color: transparent;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
  margin-bottom: -9vw;
}
header div.wrap {
  display: flex;
  justify-content: center;
  /* Icon 3 */
}
header div.wrap section.w-95 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
header div.wrap section.w-95 div.wrap-logo {
  display: flex;
  align-items: center;
  height: 9vw;
  width: 9vw;
  position: relative;
  z-index: 9;
}
header div.wrap section.w-95 div.wrap-logo div.logo {
  padding-top: 4px;
  background-color: #E30613;
  height: 100%;
  width: 9vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #b2b2b2;
}
header div.wrap section.w-95 div.wrap-logo div.logo a {
  display: flex;
  align-items: center;
  transition: 0.7s;
}
header div.wrap section.w-95 div.wrap-logo div.logo a img {
  width: 7vw;
  padding: 1vw;
}
header div.wrap section.w-95 div.wrap-logo div.logo a:hover {
  opacity: 0.7;
}
header div.wrap section.w-95 div.wrap-logo p {
  padding-left: 2vw;
  font-size: 110%;
  font-family: "Open Sans";
  font-weight: 100;
}
header div.wrap section.w-95 nav.menu {
  height: 9vw;
  top: 0;
  left: 0;
  z-index: 99;
  display: flex;
  justify-content: space-between;
  width: 90%;
}
header div.wrap section.w-95 nav.menu ul.links {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  align-items: center;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu {
  padding-top: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 91vw;
  position: absolute;
  background-color: rgb(255, 255, 255);
  border-bottom: 1px solid #b2b2b2;
  left: 9vw;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu {
  width: auto;
  display: flex;
  justify-content: center;
  padding: 0 0 0 4vw;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu p.info-tarifa {
  font-size: 100%;
  font-family: "Open Sans";
  font-weight: 100;
  white-space: nowrap;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.action-submenu {
  font-size: 90%;
  line-height: 9vw;
  display: flex;
  justify-content: space-between;
  transition: 0.6s;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.action-submenu img.arrow-rotate {
  width: 1vw;
  margin-left: 5px;
  margin-top: 0.2vw;
  transition: 0.6s;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.page-active {
  line-height: 9vw;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.action-submenu:hover {
  opacity: 0.5;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.link-hover {
  font-size: 90%;
  font-family: "Open Sans";
  font-weight: 100;
  transition: 0.7s;
  white-space: nowrap;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.link-hover img {
  width: 2vw;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a:hover {
  color: #E30613;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu {
  flex-direction: row;
  display: none;
  position: fixed;
  background-color: #FFFFFF;
  z-index: 99;
  width: 96vw;
  padding: 0 2vw;
  top: 9vw;
  right: 0;
  border-top: 1px solid #b2b2b2;
  transform: translate(0%, 0%);
  border-bottom: 1px solid #b2b2b2;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia {
  padding-right: 1vw;
  padding-left: 2vw;
  border-right: 1px dotted rgba(169, 169, 169, 0.368);
  width: 20%;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior {
  height: 35vw;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub {
  margin-bottom: 0.8vw;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub a.titulo-familia {
  font-size: 100%;
  line-height: 130%;
  color: #E30613;
  font-family: "Open Sans";
  transition: 0.6s;
  font-weight: 600;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub p.description {
  font-family: "Open Sans";
  font-size: 80%;
  line-height: 120%;
  color: #000000;
  transition: 0.6s;
  font-weight: 100;
  padding-bottom: 3vh;
  padding-top: 2vh;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub p.a-sub {
  font-size: 80%;
  line-height: 140%;
  color: #E30613;
  font-family: "Geogrotesque SmBd";
  transition: 0.6s;
  font-weight: 600;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub a.a-sub {
  font-family: "Open Sans";
  font-size: 80%;
  line-height: 100%;
  color: #000000;
  transition: 0.6s;
  font-weight: 400;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub a:hover {
  color: #E30613;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub:first-child {
  padding-top: 3vh;
  line-height: 100%;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior ul.subfamilias {
  padding-bottom: 1vh;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior ul.subfamilias a {
  font-family: "Open Sans";
  font-size: 100%;
  line-height: 160%;
  color: #000000;
  transition: 0.6s;
  font-weight: 400;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior ul.subfamilias li a {
  font-size: 80%;
  padding-left: 1vw;
  line-height: 160%;
  font-weight: 100;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-inferior {
  height: 10vh;
  display: flex;
  align-items: flex-end;
  padding-bottom: 3vh;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-inferior div.link-todo-familias {
  display: flex;
  align-items: center;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-inferior div.link-todo-familias a {
  font-size: 80%;
  white-space: wrap;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-inferior div.link-todo-familias img {
  width: 10%;
  margin: 0 0 0 5px;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub .last-sub {
  border-right: 0 !important;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu .submenu.active {
  display: flex;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu.hide-list {
  margin-top: -19vw;
}
header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu.fixed-list {
  margin-top: 0vw;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados {
  display: flex;
  width: 50%;
  position: relative;
  left: 50%;
  align-items: center;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado {
  background-color: #E30613;
  height: 2vw;
  padding: 5px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1vw;
  transition: 0.6s;
  border: 1px solid #E30613;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado a.link-hover {
  color: #FFFFFF;
  align: center;
  transition: 0.7s;
  padding: 10px;
  font-size: 90%;
  font-family: "Open Sans";
  display: flex;
  align-items: center;
  font-weight: 200;
  letter-spacing: 0.3px;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado a.link-hover p {
  white-space: nowrap;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado a.link-hover img.btn-destacado-white {
  width: 1.5vw;
  padding-left: 5px;
  display: block;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado a.link-hover img.btn-destacado-red {
  width: 1.5vw;
  padding-left: 5px;
  display: none;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado:hover {
  background-color: transparent;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado:hover a {
  color: #E30613;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado:hover a img.btn-destacado-white {
  display: none;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado:hover a img.btn-destacado-red {
  display: block;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search {
  width: 7vw;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.7s;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search a img.red {
  width: 2.5vw;
  margin-right: 10px;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search a:hover {
  opacity: 0.6;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.descargar-tarifa {
  width: 12vw;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.descargar-tarifa ul.desplegable-tarifa {
  position: absolute;
  z-index: 9;
  top: 100%;
  background-color: white;
  width: inherit;
  display: none;
  border-left: #E30613 1px solid;
  border-right: #E30613 1px solid;
  border-bottom: #E30613 1px solid;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.descargar-tarifa ul.desplegable-tarifa li {
  border-bottom: 1px solid black;
  height: 3vw;
  display: flex;
  align-items: center;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.descargar-tarifa ul.desplegable-tarifa li a.option-tarifa {
  font-size: 80%;
  padding: 0.8vw;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.descargar-tarifa .desplegable-tarifa.active {
  display: block;
  z-index: 99999999999999;
}
header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive .descargar-tarifa-solo-responsive {
  display: none;
}
header div.wrap section.w-95 nav.menu ul.links .destacados.hide-list {
  margin-top: 0vw;
}
header div.wrap section.w-95 .menu.active {
  display: flex;
}
header div.wrap .action-nav-mov {
  width: 45px;
  height: 39px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  display: none;
}
header div.wrap .action-nav-mov span {
  display: block;
  position: absolute;
  height: 1px;
  width: 80%;
  background: #000000;
  border-radius: 5px;
  left: 20%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
header div.wrap .action-nav-mov span:nth-child(1) {
  top: 4px;
}
header div.wrap .action-nav-mov span:nth-child(2), header div.wrap .action-nav-mov span:nth-child(3) {
  top: 16px;
}
header div.wrap .action-nav-mov span:nth-child(4) {
  top: 28px;
}
header div.wrap .action-nav-mov.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
header div.wrap .action-nav-mov.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
header div.wrap .action-nav-mov.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header div.wrap .action-nav-mov.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

header:hover .hide-list {
  transform: translate(0, 9.4vw);
  transition: transform 1s;
}

header.no-hover .hide-list {
  transform: translate(0, 0vw);
}

.blanco {
  background-color: #FFFFFF !important;
}
.blanco .link-hover {
  color: #E30613 !important;
}

.blanco:hover {
  background-color: #E30613 !important;
}
.blanco:hover .link-hover {
  color: #FFFFFF !important;
}

/* header.active{background-color: $blanco;} */
.header-buscador {
  transition: all 0.3s;
  background-color: #FFFFFF;
  position: fixed;
  left: 9vw;
  width: 91vw;
  top: -200px;
  opacity: 0;
  z-index: 99;
  height: 9vw;
  border: 0;
}
.header-buscador form {
  margin: 0 2vw;
  padding: 3vw 0;
  display: flex;
}
.header-buscador form input {
  width: 69vw;
  display: flex;
  font-size: 150%;
  border: 0;
  font-family: "Open Sans";
  border-bottom: #b2b2b2 1px solid;
  margin: 0 1vh;
}
.header-buscador button {
  background-color: #E30613;
  cursor: pointer;
  border: 0;
  font-size: 120%;
  font-family: "Open Sans";
  padding: 1vh;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}
.header-buscador button:hover {
  opacity: 0.6;
}
.header-buscador img.red {
  width: 2.5vw;
  cursor: pointer;
  margin: 0 3vw;
  transition: 0.5s;
}
.header-buscador img.red:hover {
  opacity: 0.6;
}

/* header.active{background-color: $blanco;} */
@media only screen and (min-width: 1350px) {
  header {
    margin-bottom: -6vw;
  }
  header div.wrap {
    height: 6vw;
  }
  header div.wrap section.w-95 div.wrap-logo div.logo {
    height: 6vw;
    width: 6vw;
  }
  header div.wrap section.w-95 div.wrap-logo div.logo a img {
    width: 5vw;
  }
  header div.wrap section.w-95 nav.menu {
    height: 6vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu {
    margin-top: -18.9vw;
    height: 6vw;
    left: 6vw;
    width: 94vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.link-hover {
    font-size: 80%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.action-submenu {
    font-size: 80%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.page-active {
    line-height: 6vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a {
    font-size: 80%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu {
    top: 6vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub a.titulo-familia {
    font-size: 90%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub p.description {
    font-size: 70%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub p.a-sub {
    font-size: 90%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub a.a-sub {
    font-size: 70%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior ul.subfamilias {
    padding-bottom: 1vh;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior ul.subfamilias a {
    font-size: 70%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior ul.subfamilias li a {
    font-size: 70%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-inferior {
    height: 10vh;
    display: flex;
    align-items: flex-end;
    padding-bottom: 3vh;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-inferior div.link-todo-familias {
    display: flex;
    align-items: center;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-inferior div.link-todo-familias a {
    font-size: 60%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.hide-list.active {
    opacity: 1;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados {
    left: 57%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado a.link-hover p {
    font-size: 80%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado a.link-hover img.btn-destacado-white {
    width: 1vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado a.link-hover img.btn-destacado-red {
    width: 1vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search {
    width: 7vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.7s;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search a img.white {
    width: 1.2vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search a .white.to-black {
    display: none;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search a img.black {
    width: 1.2vw;
    display: none;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search a .black.to-white {
    display: flex;
  }
  header div.wrap section.w-95 .menu.active {
    display: flex;
  }
  .filtro-familias header .wrap {
    margin-top: -3vw;
    background-color: #FFFFFF;
  }
  .header-buscador {
    transition: all 0.3s;
    background-color: #FFFFFF;
    position: fixed;
    left: 6vw;
    width: 93vw;
    top: -200px;
    opacity: 0;
    z-index: 99;
    height: 6vw;
    border: 0;
  }
  .header-buscador form {
    margin: 0 2vw;
    padding: 1vw 0;
    display: flex;
  }
  .header-buscador form input {
    width: 74vw;
    display: flex;
    font-size: 150%;
    border: 0;
    font-family: "Open Sans";
    border-bottom: #b2b2b2 1px solid;
    margin: 0 1vh;
  }
  .header-buscador button {
    background-color: #E30613;
    cursor: pointer;
    border: 0;
    font-size: 120%;
    font-family: "Open Sans";
    padding: 1vh;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
  }
  .header-buscador button:hover {
    opacity: 0.6;
  }
  .header-buscador img.red {
    width: 2.5vw;
    cursor: pointer;
    margin: 0.8vw 3vw;
    transition: 0.5s;
  }
  .header-buscador img.red:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 820px) {
  header {
    background-color: #FFFFFF;
    /* cierre div wrap */
  }
  header div.wrap {
    display: flex;
    justify-content: center;
    height: 13vw;
  }
  header div.wrap section.w-95 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #b2b2b2;
    /* cierre nav menu */
  }
  header div.wrap section.w-95 div.wrap-logo {
    width: 13vw;
    height: 13vw;
    margin-top: -5px;
  }
  header div.wrap section.w-95 div.wrap-logo div.logo {
    width: 100%;
    padding-top: 5px;
  }
  header div.wrap section.w-95 div.wrap-logo div.logo a img {
    width: 10vw;
  }
  header div.wrap section.w-95 nav.menu {
    position: absolute;
    height: 91vh;
    width: 100%;
    top: 13vw;
    left: 0;
    z-index: 999;
    display: none;
    justify-content: center;
    background-color: #FFFFFF;
    overflow: scroll;
    /* cierre ul links */
  }
  header div.wrap section.w-95 nav.menu ul.links {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    align-items: center;
    background-color: #FFFFFF;
    /* cierre ul destacados  */
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu {
    width: 100%;
    flex-direction: column;
    border-bottom: none;
    position: inherit;
    left: 0;
    padding-top: 0px;
    margin-top: 18.9vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu {
    width: 100%;
    flex-direction: column;
    border-top: 1px solid #E30613;
    padding: 2.5vw 0;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.link-hover {
    justify-content: center;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.link-hover p {
    font-size: 80%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu p.info-tarifa {
    font-size: 400%;
    line-height: 140%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.action-submenu {
    font-size: 450% !important;
    line-height: 140%;
    display: flex;
    width: 100%;
    justify-content: center;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.action-submenu img.arrow-rotate {
    width: 5vw;
    margin-right: -4vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.action-submenu p {
    font-size: 80%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a {
    font-size: 450% !important;
    line-height: 140%;
    display: flex;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu {
    display: flex;
    flex-direction: column;
    display: none;
    position: relative;
    width: 100%;
    border-top: none;
    border-bottom: none;
    background-color: white;
    margin-bottom: 5vh;
    margin-top: -4vw;
    padding: 0;
    text-align: center;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 3vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia {
    max-width: 100%;
    border-right: none;
    border-bottom: 1px solid #b2b2b2;
    width: 100%;
    padding-bottom: 4vh;
    padding-top: 3vh;
    padding-left: 0;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior {
    height: 100%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub a.titulo-familia {
    font-size: 500%;
    padding-bottom: 3vw;
    justify-content: center;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub p.description {
    font-size: 300%;
    display: none;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub a.a-sub {
    font-size: 340% !important;
    justify-content: center;
    margin-bottom: 3vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior .link-sub:first-child {
    padding-top: 1vh !important;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior ul.subfamilias a {
    font-size: 340% !important;
    justify-content: center;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior ul.subfamilias li a {
    font-size: 340% !important;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-inferior {
    display: none;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-inferior div.link-todo-familias a {
    font-size: 300%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub .familia:last-child {
    padding-bottom: 3vh;
    border-bottom: none;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub .familia:first-child {
    margin-top: -5vw;
    padding-top: 0px;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu .submenu.active {
    display: flex;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu .hide-list {
    margin-top: -10vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu .link-menu:last-child {
    border-bottom: 1px solid #E30613;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu.fixed-list {
    margin-top: 0vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu.hide-list {
    margin-top: -10vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados {
    width: 100%;
    flex-direction: column;
    margin-left: 0;
    position: inherit;
    margin-top: 10vw;
    /* cierre wrap responsive */
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados li.btn-destacado {
    background-color: #E30613;
    height: 2vw;
    padding: 5px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1vw;
    transition: 0.6s;
    border: 0;
    border-bottom: 1px solid #E30613;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados li.link-menu {
    width: 100%;
    flex-direction: column;
    padding-top: 3vw;
    padding-bottom: 3vw;
    background-color: #FFFFFF;
    align-items: flex-start;
    height: 100%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados li.link-menu a.link-hover {
    font-size: 450% !important;
    display: flex;
    color: #000000;
    width: 100%;
    justify-content: center;
    border: none;
    padding-left: 0%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados li.link-menu a.link-hover .page-active {
    display: none;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados li.link-menu a.link-hover p {
    font-size: 80%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados .link-menu:first-child {
    border-top: none;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive {
    flex-direction: column-reverse;
    width: 100%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search {
    width: 7vw;
    width: 100%;
    padding-top: 3vw;
    padding-bottom: 3vw;
    max-height: 6vh;
    justify-content: center;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search a {
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.search a img.red {
    width: 7vw;
    margin-left: 2vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.descargar-tarifa {
    display: none;
    background-color: #E30613;
    justify-content: center;
    align-items: center;
    margin-left: 0%;
    padding-left: 0vw;
    height: 30vw;
    width: 100%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.descargar-tarifa a.link-hover {
    color: white;
    font-size: 450% !important;
    padding-top: 2vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.descargar-tarifa a.link-hover p {
    font-size: 80%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.descargar-tarifa a.link-hover img {
    width: 6vw;
    padding-top: 2vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive ul.descargar-tarifa-solo-responsive {
    width: 100%;
    display: block;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive ul.descargar-tarifa-solo-responsive li {
    height: 5vw;
    display: flex;
    justify-content: center;
    padding-top: 4vw;
    padding-bottom: 4vw;
    background-color: #E30613;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive ul.descargar-tarifa-solo-responsive li a {
    color: #FFFFFF;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados .fixed-list {
    margin-top: -20vw;
  }
  header div.wrap section.w-95 nav.menu ul.links .destacados.hide-list {
    margin-top: -9vw;
  }
  header div.wrap section.w-95 nav.menu ul.links .destacados.hide-list.active {
    margin-top: 0vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.responsive-foot {
    background-color: #E30613;
    height: 20vh;
    width: 100%;
    padding-bottom: 10vh;
    border-top: 1px solid white;
  }
  header div.wrap section.w-95 .menu.active {
    display: flex;
  }
  header div.wrap .action-nav-mov {
    margin-right: 3%;
    display: block;
  }
  header header:hover .hide-list {
    transform: none;
    transition: none;
  }
  header .header-buscador {
    transition: all 0.3s;
    background-color: #FFFFFF;
    position: fixed;
    left: 13vw;
    width: 85vw;
    top: -150px;
    opacity: 0;
    z-index: 9999;
    height: 13vw;
    border: 0;
  }
  header .header-buscador form {
    margin: 0 2vw;
    padding: 3vw 0;
    display: flex;
  }
  header .header-buscador form input {
    width: 67vw;
    display: flex;
    font-size: 150%;
    border: 0;
    font-family: "Open Sans";
    border-bottom: #b2b2b2 1px solid;
    margin: 0 1vh;
  }
  header .header-buscador button {
    background-color: #E30613;
    cursor: pointer;
    border: 0;
    font-size: 120%;
    font-family: "Open Sans";
    padding: 1vh;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
  }
  header .header-buscador img.red {
    width: 2.5vw;
    cursor: pointer;
    margin: 2vw 3vw;
    transition: 0.5s;
  }
  header .activo {
    display: flex;
    z-index: 9999;
    transition: all 0.3s;
    margin-top: 150px;
    opacity: 1;
  }
  /* cierre header */
} /* cierre media querie */
@media only screen and (max-width: 767px) {
  header div.wrap {
    height: 21vw;
  }
  header div.wrap section.w-95 div.wrap-logo {
    width: 21vw;
    height: 21vw;
    margin-top: -5px;
  }
  header div.wrap section.w-95 div.wrap-logo div.logo a img {
    width: 15vw;
  }
  header div.wrap section.w-95 nav.menu {
    top: 21vw;
  }
  header div.wrap section.w-95 nav.menu ul.links {
    margin-top: -1px;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a.action-submenu {
    font-size: 460%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu a {
    font-size: 460%;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub a.titulo-familia {
    font-size: 700%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior li.link-sub a.a-sub {
    font-size: 400%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior ul.subfamilias a {
    font-size: 400%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.flexible-menu li.link-menu ul.submenu div.wrap-sub div.familia div.bloque-superior ul.subfamilias li a {
    font-size: 400%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados li.link-menu a.link-hover {
    font-size: 460%;
    border: none;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive li.descargar-tarifa a.link-hover {
    font-size: 460%;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive ul.descargar-tarifa-solo-responsive li {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
  header div.wrap section.w-95 nav.menu ul.links ul.destacados ul.wrap-responsive ul.descargar-tarifa-solo-responsive li a {
    color: #FFFFFF;
    font-size: 330%;
  }
  header .header-buscador {
    transition: all 0.3s;
    background-color: #FFFFFF;
    position: fixed;
    left: 21vw;
    width: 76vw;
    top: -150px;
    opacity: 0;
    z-index: 99;
    height: 21vw;
    border: 0;
  }
  header .header-buscador form {
    margin: 0 2vw;
    padding: 3vw 0;
    display: flex;
  }
  header .header-buscador form input {
    width: 47vw;
    display: flex;
    font-size: 350%;
    border: 0;
    font-family: "Open Sans";
    border-bottom: #b2b2b2 1px solid;
    margin: 0 1vh;
  }
  header .header-buscador button {
    background-color: #E30613;
    cursor: pointer;
    border: 0;
    font-size: 220%;
    font-family: "Open Sans";
    padding: 1vh;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
  }
  header .header-buscador img.red {
    width: 6vw;
    cursor: pointer;
    margin: 4vw 3vw;
    transition: 0.5s;
  }
  header .activo {
    display: flex;
    z-index: 9999;
    transition: all 0.3s;
    margin-top: 150px;
    opacity: 1;
  }
}
.activo {
  display: flex;
  z-index: 9999;
  transition: all 0.3s;
  top: 0;
  opacity: 1;
}

article.hero {
  height: 100vh;
  width: 100%;
}
article.hero section {
  position: relative;
  height: 100%;
}
article.hero section div.slider {
  height: 100%;
  width: 100%;
}
article.hero section div.slider .flickity-viewport {
  height: 100%;
}
article.hero section div.slider div.slide {
  position: relative;
  height: 100%;
  width: 100%;
}
article.hero section div.slider div.slide .titulo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  text-align: center;
  width: 70vw;
}
article.hero section div.slider div.slide .titulo h1 {
  color: #FFFFFF;
}
article.hero section div.slider div.slide .titulo p {
  color: #FFFFFF;
  font-weight: 100;
  font-size: 450%;
}
article.hero section div.wrap-absolute {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 91vh;
  top: 9vh;
  left: 0%;
}
article.hero section div.wrap-absolute div.wrap-content {
  height: 78%;
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
article.hero section div.wrap-absolute div.wrap-content .titulo {
  text-align: center;
  width: 70vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
article.hero section div.wrap-absolute div.wrap-content .titulo div.head h1 {
  color: #FFFFFF;
  font-size: 800%;
}
article.hero section div.wrap-absolute div.wrap-content .titulo div.head p {
  color: #FFFFFF;
  font-weight: 100;
  font-size: 250%;
}
article.hero section div.wrap-absolute div.wrap-content .titulo div.head i {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
@keyframes scrollhome {
  0% {
    transform: translate(0, 0);
  }
  70% {
    transform: translate(0, 0);
  }
  85% {
    transform: translate(0, 50%);
  }
  100% {
    transform: translate(0, 0);
  }
}
article.hero section div.wrap-absolute div.wrap-content .titulo div.foot {
  animation: scrollhome 4s ease-in-out infinite;
  margin-top: 3vw;
}
article.hero section div.wrap-absolute div.wrap-content .titulo div.foot p {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.2431372549);
  padding: 0.5vw 1.5vw;
  width: fit-content;
  margin: 0 auto;
  border-radius: 15px;
  font-size: 70%;
}
article.hero section div.wrap-absolute div.wrap-content .titulo div.foot img {
  width: 2vw;
}
article.hero section div.wrap-absolute div.wrap-content .btn-inferiores {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%; /* margin-bottom:-2vw; */
}
article.hero section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias {
  width: 10vw;
  height: 7vw;
  background-color: #E30613;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  transition: 0.6s;
  margin-bottom: -2vw;
}
article.hero section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias p {
  color: #FFFFFF;
  font-size: 30%;
  text-align: center;
  min-height: 2vw;
  padding-top: 1vw;
  margin-bottom: 5px;
  transition: 0.6s;
}
article.hero section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias img {
  width: 3vw;
  transition: 0.6s;
  display: none;
  height: 3vw;
}
article.hero section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias:hover {
  margin-top: -3vw;
  background-color: #FFFFFF;
}
article.hero section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias:hover p {
  color: #E30613;
}
article.hero section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias:hover img {
  display: flex;
}

@media only screen and (max-width: 820px) {
  article.hero section div.wrap-absolute div.wrap-content {
    width: 100%;
  }
  article.hero section div.wrap-absolute div.wrap-content .titulo {
    text-align: center;
    width: 70vw;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  article.hero section div.wrap-absolute div.wrap-content .titulo div.head h1 {
    color: #FFFFFF;
    font-size: 1200%;
  }
  article.hero section div.wrap-absolute div.wrap-content .titulo div.head p {
    color: #FFFFFF;
    font-weight: 800;
    font-size: 350%;
  }
  article.hero section div.wrap-absolute div.wrap-content .titulo div.head i {
    font-size: 145%;
    font-family: "Cormorant Garamond";
    font-style: oblique;
  }
  article.hero section div.wrap-absolute div.wrap-content .titulo div.foot p {
    color: white;
    font-size: 250%;
    margin-top: 20vh;
  }
  article.hero section div.wrap-absolute div.wrap-content .titulo div.foot img {
    width: 4vw;
  }
  article.hero section div.wrap-absolute div.wrap-content .btn-inferiores {
    position: absolute;
    display: block;
    top: 91vh;
    justify-content: space-around;
    align-items: center;
    width: 100%; /* margin-bottom:-2vw; */
  }
  article.hero section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias {
    width: 100vw;
    height: 10vw;
    background-color: #E30613;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: 0.6s;
    margin-bottom: 1vw;
    vertical-align: middle;
  }
  article.hero section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias p {
    color: #FFFFFF;
    font-size: 130%;
    font-weight: 100;
    text-align: center;
    min-height: 2vw;
    padding-top: 1vw;
    margin-bottom: 5px;
    transition: 0.6s;
  }
  article.hero section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias img {
    width: 3vw;
    transition: 0.6s;
    display: none;
    height: 3vw;
  }
  article.hero section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias:hover {
    background-color: #FFFFFF;
    width: 100vw;
    height: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    transition: 0.6s;
    margin-bottom: 1vw;
    vertical-align: middle;
    margin-top: 0vw;
  }
  article.hero section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias:hover p {
    color: #E30613;
    font-size: 130%;
    font-weight: 100;
    text-align: center;
    min-height: 2vw;
    padding-top: 1vw;
    margin-bottom: 5px;
    transition: 0.6s;
  }
  article.hero section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias:hover img {
    padding: 0 2vh;
  }
}
article.hero_new {
  height: 100vh;
  width: 100%;
}
article.hero_new section {
  position: relative;
  height: 100%;
}
article.hero_new section div.slider {
  height: 100%;
  width: 100%;
}
article.hero_new section div.slider .flickity-viewport {
  height: 100%;
}
article.hero_new section div.slider div.slide {
  position: relative;
  height: 100%;
  width: 100%;
}
article.hero_new section div.slider div.slide .titulo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  text-align: center;
  width: 70vw;
}
article.hero_new section div.slider div.slide .titulo h1 {
  color: #FFFFFF;
}
article.hero_new section div.slider div.slide .titulo p {
  color: #FFFFFF;
  font-weight: 100;
  font-size: 450%;
}
article.hero_new section div.wrap-absolute {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 91vh;
  top: 9vh;
  left: 0%;
}
article.hero_new section div.wrap-absolute div.wrap-content {
  height: 78%;
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
article.hero_new section div.wrap-absolute div.wrap-content .titulo {
  text-align: center;
  width: 70vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
article.hero_new section div.wrap-absolute div.wrap-content .titulo div.head h1 {
  color: #FFFFFF;
  font-size: 600%;
  font-weight: 900;
  letter-spacing: 50%;
  font-family: "Figtree";
}
article.hero_new section div.wrap-absolute div.wrap-content .titulo div.head p {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 300%;
  font-family: "Figtree";
}
article.hero_new section div.wrap-absolute div.wrap-content .titulo div.head p.segundo-p {
  color: #FFFFFF;
  font-weight: 100;
  font-size: 480%;
  font-family: "Figtree";
}
article.hero_new section div.wrap-absolute div.wrap-content .titulo div.head i {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
@keyframes scrollhome {
  0% {
    transform: translate(0, 0);
  }
  70% {
    transform: translate(0, 0);
  }
  85% {
    transform: translate(0, 50%);
  }
  100% {
    transform: translate(0, 0);
  }
}
article.hero_new section div.wrap-absolute div.wrap-content .titulo div.foot {
  animation: scrollhome 4s ease-in-out infinite;
  margin-top: 3vw;
}
article.hero_new section div.wrap-absolute div.wrap-content .titulo div.foot p {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.2431372549);
  padding: 0.5vw 1.5vw;
  width: fit-content;
  margin: 0 auto;
  border-radius: 15px;
  font-size: 70%;
}
article.hero_new section div.wrap-absolute div.wrap-content .titulo div.foot img {
  width: 2vw;
}
article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%; /* margin-bottom:-2vw; */
}
article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias {
  width: 10vw;
  height: 7vw;
  background-color: #E30613;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  transition: 0.6s;
  margin-bottom: -2vw;
}
article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias p {
  color: #FFFFFF;
  font-size: 30%;
  text-align: center;
  min-height: 2vw;
  padding-top: 1vw;
  margin-bottom: 5px;
  transition: 0.6s;
}
article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias img {
  width: 3vw;
  transition: 0.6s;
  display: none;
  height: 3vw;
}
article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias:hover {
  margin-top: -3vw;
  background-color: #FFFFFF;
}
article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias:hover p {
  color: #E30613;
}
article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias:hover img {
  display: flex;
}

@media only screen and (max-width: 820px) {
  article.hero_new {
    margin-bottom: 55vw;
  }
  article.hero_new section div.wrap-absolute div.wrap-content {
    width: 100%;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .titulo {
    text-align: center;
    width: 90vw;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .titulo div.head {
    margin-top: 15vh;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .titulo div.head h1 {
    color: #FFFFFF;
    font-size: 850%;
    letter-spacing: normal;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .titulo div.head p {
    color: #FFFFFF;
    font-weight: 800;
    font-size: 350%;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .titulo div.head p.segundo-p {
    color: #FFFFFF;
    font-weight: 100;
    font-size: 680%;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .titulo div.head i {
    font-size: 145%;
    font-family: "Cormorant Garamond";
    font-style: oblique;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .titulo div.foot p {
    color: white;
    font-size: 350%;
    margin-top: 20vh;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .titulo div.foot img {
    width: 4vw;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores {
    position: absolute;
    display: block;
    top: 91vh;
    justify-content: space-around;
    align-items: center;
    width: 100%; /* margin-bottom:-2vw; */
  }
  article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias {
    width: 100vw;
    height: 10vw;
    background-color: #E30613;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: 0.6s;
    margin-bottom: 1vw;
    vertical-align: middle;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias p {
    color: #FFFFFF;
    font-size: 130%;
    font-weight: 100;
    text-align: center;
    min-height: 2vw;
    padding-top: 1vw;
    margin-bottom: 5px;
    transition: 0.6s;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias img {
    width: 3vw;
    transition: 0.6s;
    display: none;
    height: 3vw;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias:hover {
    background-color: #FFFFFF;
    width: 100vw;
    height: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    transition: 0.6s;
    margin-bottom: 1vw;
    vertical-align: middle;
    margin-top: 0vw;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias:hover p {
    color: #E30613;
    font-size: 130%;
    font-weight: 100;
    text-align: center;
    min-height: 2vw;
    padding-top: 1vw;
    margin-bottom: 5px;
    transition: 0.6s;
  }
  article.hero_new section div.wrap-absolute div.wrap-content .btn-inferiores a.btn-familias:hover img {
    padding: 0 2vh;
  }
}
/*color corporativo*/
/* forest green*/
article.home-presentation section.mas-cerca {
  background-color: #C6C2BC;
  padding: 5vw 0 2vw;
}
article.home-presentation .wraper {
  width: 90%;
  margin: 0 auto;
}
article.home-presentation .wraper .cabecera {
  text-align: center;
  padding: 0 3vw;
}
article.home-presentation .wraper .cabecera h1 {
  color: #000000;
  line-height: 120%;
  font-size: 260%;
}
article.home-presentation .wraper .cabecera h2 {
  color: #000000;
  line-height: 120%;
  font-size: 260%;
}
article.home-presentation .wraper .cabecera b {
  font-weight: 600;
}
article.home-presentation .wraper .cabecera strong {
  font-weight: 600;
}
article.home-presentation .wraper .cabecera i {
  color: #FFFFFF;
  font-size: 145%;
  font-weight: 300;
  font-style: oblique;
  font-family: "Cormorant Garamond";
}
article.home-presentation .wraper .cabecera em {
  color: #FFFFFF;
  font-size: 145%;
  font-weight: 300;
  font-style: oblique;
  font-family: "Cormorant Garamond";
}
article.home-presentation .wraper .detalle {
  display: flex;
  margin: 3vw 0 0;
}
article.home-presentation .wraper .detalle .texto {
  width: 60%;
  margin: 1vw 3vw;
  padding: 0;
  font-size: 150%;
  line-height: 2.5vw;
  font-weight: 100;
}
article.home-presentation .wraper .detalle .texto p {
  margin: 1vw 0 0 0;
}
article.home-presentation .wraper .detalle .texto b {
  font-weight: 600;
}
article.home-presentation .wraper .detalle .texto strong {
  font-weight: 600;
}
article.home-presentation .wraper .detalle .texto i {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation .wraper .detalle .texto em {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation .wraper .detalle .texto span {
  font-weight: 600;
  color: #E30613;
  text-decoration: underline;
  font-family: "Open Sans";
}
article.home-presentation .wraper .detalle .imagen {
  width: 40%;
  margin: 3vw 0;
}
article.home-presentation .wraper .detalle .imagen img {
  width: 100%;
}
article.home-presentation section.mas-cerca-img {
  background-color: #FFFFFF;
}
article.home-presentation section.mas-cerca-img img {
  width: 100%;
  margin: 0 0 -0.5vw 0;
  padding: 0;
}
article.home-presentation section.destacado {
  width: 100%;
}
article.home-presentation section.destacado .wraper {
  width: 90%;
  margin: 0 auto;
  display: flex;
}
article.home-presentation section.destacado .wraper .texto {
  width: 50%;
  margin: auto 3vw;
  padding: 0;
  font-size: 150%;
  font-weight: 100;
}
article.home-presentation section.destacado .wraper .texto p {
  margin: 2vw 0 0 0;
}
article.home-presentation section.destacado .wraper .texto a {
  font-size: 100%;
}
article.home-presentation section.destacado .wraper .texto b {
  font-weight: 600;
}
article.home-presentation section.destacado .wraper .texto strong {
  font-weight: 600;
}
article.home-presentation section.destacado .wraper .texto i {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation section.destacado .wraper .texto em {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation section.destacado .wraper .texto span {
  font-weight: 600;
  color: #E30613;
  text-decoration: underline;
}
article.home-presentation section.destacado .wraper .texto h1 {
  color: #000000;
  font-size: 180%;
}
article.home-presentation section.destacado .wraper .texto h2 {
  color: #000000;
  font-size: 180%;
}
article.home-presentation section.destacado .wraper .texto button {
  font-family: "Open Sans";
  font-size: 70%;
  font-weight: 100;
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
  transition: all 0.3s;
  border: 0;
  width: auto;
  padding: 10px 140px 10px 10px;
  margin: 40px 0 0 0;
  text-align: left;
  background-size: 50%;
  background-image: url("../images/flecha.svg");
  background-repeat: no-repeat;
  background-position-x: 90%;
  background-position-y: center;
}
article.home-presentation section.destacado .wraper .texto button:hover {
  background-position-x: 100%;
  transition: all 0.3s;
  background-image: url("../images/flecha-roja.svg");
}
article.home-presentation section.destacado .wraper .imagen {
  width: 50%;
}
article.home-presentation section.destacado .wraper .imagen img {
  width: 100%;
}
article.home-presentation section.destacado:nth-child(even) .wraper {
  flex-direction: row-reverse;
}
article.home-presentation section.destacado:nth-last-child(-n+2) {
  background-image: url("../images/dest-fondo-c.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  background-position-y: bottom;
}
article.home-presentation section.destacado:nth-last-child(-n+2) .wraper {
  width: 90%;
  margin: 0 auto;
  display: flex;
}
article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto {
  width: 50%;
  height: 40vw;
  margin: 6vw 3vw;
  padding: 0;
  font-size: 150%;
  font-weight: 100;
}
article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto p {
  margin: 2vw 0 0 0;
}
article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto b {
  font-weight: 600;
}
article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto i {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto em {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto span {
  font-weight: 600;
  color: #E30613;
  text-decoration: underline;
}
article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto h1 {
  color: #000000;
  font-size: 180%;
}
article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto h2 {
  color: #000000;
  font-size: 180%;
}
article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .imagen {
  width: 50%;
}
article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .imagen img {
  width: 100%;
}
article.home-presentation section.destacado-d {
  background-color: #C6C2BC;
  width: 100%;
}
article.home-presentation section.destacado-d .wraper {
  width: 90%;
  margin: 0 auto;
  display: flex;
}
article.home-presentation section.destacado-d .wraper .texto {
  width: 50%;
  margin: 6vw 3vw 3vw;
  padding: 0;
  font-size: 150%;
  font-weight: 100;
}
article.home-presentation section.destacado-d .wraper .texto p {
  margin: 2vw 0 0 0;
}
article.home-presentation section.destacado-d .wraper .texto b {
  font-weight: 600;
}
article.home-presentation section.destacado-d .wraper .texto i {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation section.destacado-d .wraper .texto em {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation section.destacado-d .wraper .texto span {
  font-weight: 600;
  color: #E30613;
  text-decoration: underline;
}
article.home-presentation section.destacado-d .wraper .texto h1 {
  color: #000000;
  font-size: 180%;
}
article.home-presentation section.destacado-d .wraper .texto h2 {
  color: #000000;
  font-size: 180%;
}
article.home-presentation section.destacado-d .wraper .texto a {
  font-size: 100%;
}
article.home-presentation section.destacado-d .wraper .texto a button {
  font-family: "Open Sans";
  font-size: 50%;
  font-weight: 100;
  color: #FFFFFF;
  background-color: #E30613;
  cursor: pointer;
  transition: all 0.3s;
  border: 0;
  padding: 1vw 1vw 1vw 2.5vw;
  margin: 40px 0 0 0;
  text-align: left;
  background-size: 10%;
  background-image: url("../images/ico-download-white.svg");
  background-repeat: no-repeat;
  background-position-x: 0.5vw;
  background-position-y: center;
}
article.home-presentation section.destacado-d .wraper .texto a button:hover {
  background-position-y: 0.7vw;
  transition: all 0.3s;
  background-color: #000000;
}
article.home-presentation section.destacado-d .wraper .texto a.action-desplegable-tarifas-home {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E30613;
  width: fit-content;
  margin-top: 3vw;
}
article.home-presentation section.destacado-d .wraper .texto a.action-desplegable-tarifas-home p {
  margin-top: 0;
  padding: 1vw;
  color: white;
  font-size: 67%;
}
article.home-presentation section.destacado-d .wraper .texto a.action-desplegable-tarifas-home img {
  padding: 1vw;
}
article.home-presentation section.destacado-d .wraper .texto ul.desplegable-tarifa-home {
  width: 45%;
  display: none;
}
article.home-presentation section.destacado-d .wraper .texto ul.desplegable-tarifa-home li {
  border-bottom: 1px solid black;
  height: 3vw;
  display: flex;
  align-items: center;
}
article.home-presentation section.destacado-d .wraper .texto ul.desplegable-tarifa-home li a.option-tarifa {
  font-size: 70%;
  padding: 0.8vw;
}
article.home-presentation section.destacado-d .wraper .texto ul.desplegable-tarifa-home li .option-tarifa:hover {
  opacity: 0.7;
}
article.home-presentation section.destacado-d .wraper .texto .desplegable-tarifa.active {
  display: block;
  z-index: 9;
}
article.home-presentation section.destacado-d .wraper .imagen {
  width: 50%;
  margin: -15vw 0 0 0;
}
article.home-presentation section.destacado-d .wraper .imagen img {
  width: 100%;
  margin: -0.2vw 0;
}

@media only screen and (max-width: 820px) {
  article.home-presentation section.mas-cerca {
    background-color: #C6C2BC;
    padding: 5vw 0;
    margin: 55vw 0 0 0;
  }
  article.home-presentation .wraper {
    width: 90%;
    margin: 0 auto;
  }
  article.home-presentation .wraper .cabecera {
    text-align: center;
    line-height: 5vw;
    padding: 0;
  }
  article.home-presentation .wraper .cabecera h1 {
    color: #000000;
    line-height: 120%;
    font-size: 360%;
  }
  article.home-presentation .wraper .cabecera h2 {
    color: #000000;
    line-height: 120%;
    font-size: 360%;
  }
  article.home-presentation .wraper .cabecera b {
    font-weight: 600;
  }
  article.home-presentation .wraper .cabecera i {
    color: #FFFFFF;
    font-size: 145%;
    font-weight: 300;
    font-style: oblique;
    font-family: "Cormorant Garamond";
  }
  article.home-presentation .wraper .detalle {
    display: flex;
    margin: 3vw 0 0;
  }
  article.home-presentation .wraper .detalle .texto {
    width: 60%;
    margin: 3vw;
    font-size: 150%;
    line-height: 2.5vw;
    font-weight: 100;
  }
  article.home-presentation .wraper .detalle .texto p {
    margin: 2vw 0 0 0;
  }
  article.home-presentation .wraper .detalle .texto b {
    font-weight: 600;
  }
  article.home-presentation .wraper .detalle .texto i {
    font-size: 145%;
    font-family: "Cormorant Garamond";
    font-style: oblique;
  }
  article.home-presentation .wraper .detalle .texto span {
    font-weight: 600;
    color: #E30613;
    text-decoration: underline;
  }
  article.home-presentation .wraper .detalle .imagen {
    width: 40%;
    margin: 3vw 0;
  }
  article.home-presentation .wraper .detalle .imagen img {
    width: 100%;
  }
  article.home-presentation section.mas-cerca-img {
    background-color: #FFFFFF;
  }
  article.home-presentation section.mas-cerca-img img {
    width: 100%;
  }
  article.home-presentation section.destacado-d .wraper .texto a.action-desplegable-tarifas-home p {
    font-size: 110%;
  }
  article.home-presentation section.destacado-d .wraper .texto ul.desplegable-tarifa-home {
    width: 66%;
  }
  article.home-presentation section.destacado-d .wraper .texto ul.desplegable-tarifa-home li {
    height: 4vw;
  }
  article.home-presentation section.destacado-d .wraper .texto ul.desplegable-tarifa-home li a.option-tarifa {
    font-size: 120%;
    padding: 0.8vw;
  }
}
@media only screen and (max-width: 767px) {
  article.home-presentation section.mas-cerca {
    background-color: #C6C2BC;
    padding: 5vw 0;
  }
  article.home-presentation .wraper {
    width: 90%;
    margin: 0 auto;
  }
  article.home-presentation .wraper .cabecera {
    text-align: center;
    line-height: 5vw;
    padding: 0;
  }
  article.home-presentation .wraper .cabecera h1 {
    color: #000000;
    line-height: 120%;
    font-style: normal;
    font-size: 360%;
  }
  article.home-presentation .wraper .cabecera h2 {
    color: #000000;
    line-height: 120%;
    font-style: normal;
    font-size: 360%;
  }
  article.home-presentation .wraper .cabecera b {
    font-weight: 600;
  }
  article.home-presentation .wraper .cabecera i {
    color: #FFFFFF;
    font-size: 145%;
    font-weight: 300;
    font-style: oblique;
    font-family: "Cormorant Garamond";
  }
  article.home-presentation .wraper .detalle {
    display: flex;
    margin: 3vw 0 0;
    flex-wrap: wrap-reverse;
  }
  article.home-presentation .wraper .detalle .texto {
    text-align: center;
    width: 100vw;
    margin: 3vw;
    font-size: 340%;
    line-height: 6vw;
    font-weight: 100;
  }
  article.home-presentation .wraper .detalle .texto p {
    margin: 2vw 0 0 0;
  }
  article.home-presentation .wraper .detalle .texto b {
    font-weight: 600;
  }
  article.home-presentation .wraper .detalle .texto i {
    font-size: 145%;
    font-family: "Cormorant Garamond";
    font-style: oblique;
  }
  article.home-presentation .wraper .detalle .texto span {
    font-weight: 600;
    color: #E30613;
    text-decoration: underline;
  }
  article.home-presentation .wraper .detalle .imagen {
    width: 100vw;
    margin: 3vw 0;
  }
  article.home-presentation .wraper .detalle .imagen img {
    width: 100%;
  }
  article.home-presentation section.mas-cerca-img {
    background-color: #FFFFFF;
  }
  article.home-presentation section.mas-cerca-img img {
    width: 100%;
  }
  article.home-presentation section.destacado {
    width: 100%;
  }
  article.home-presentation section.destacado .wraper {
    width: 90%;
    margin: 0 auto 15vw;
    display: flex;
    flex-wrap: wrap-reverse;
  }
  article.home-presentation section.destacado .wraper .texto {
    width: 100%;
    margin: 0 3vw;
    padding: 5vw 0 0;
    font-size: 350%;
    text-align: center;
    font-weight: 100;
  }
  article.home-presentation section.destacado .wraper .texto p {
    margin: 2vw 0 0 0;
  }
  article.home-presentation section.destacado .wraper .texto b {
    font-weight: 600;
  }
  article.home-presentation section.destacado .wraper .texto i {
    font-size: 145%;
    font-family: "Cormorant Garamond";
    font-style: oblique;
  }
  article.home-presentation section.destacado .wraper .texto span {
    font-weight: 600;
    color: #E30613;
    text-decoration: underline;
  }
  article.home-presentation section.destacado .wraper .texto h1 {
    color: #000000;
    font-size: 180%;
  }
  article.home-presentation section.destacado .wraper .texto h2 {
    color: #000000;
    font-size: 180%;
  }
  article.home-presentation section.destacado .wraper .texto button {
    font-size: 100%;
    font-weight: 100;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    transition: all 0.3s;
    border: 0;
    width: 80vw;
    padding: 10px;
    margin: 10px auto 0;
    text-align: left;
    background-size: 50%;
    background-image: url("../images/flecha.svg");
    background-repeat: no-repeat;
    background-position-x: 22vw;
    background-position-y: center;
  }
  article.home-presentation section.destacado .wraper .texto button:hover {
    background-position-x: 25vw;
    transition: all 0.3s;
  }
  article.home-presentation section.destacado .wraper .imagen {
    width: 100%;
  }
  article.home-presentation section.destacado .wraper .imagen img {
    width: 100%;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) {
    background-image: url("../images/dest-fondo-c.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    background-position-y: bottom;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) .wraper {
    width: 90%;
    margin: 0 auto 15vw;
    padding: 0 0 25vw;
    display: flex;
    flex-wrap: wrap-reverse;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto {
    width: 100%;
    height: 40vw;
    margin: 6vw 3vw;
    padding: 0;
    font-size: 350%;
    text-align: center;
    font-weight: 100;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto p {
    margin: 2vw 0 0 0;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto b {
    font-weight: 600;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto i {
    font-size: 145%;
    font-family: "Cormorant Garamond";
    font-style: oblique;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto span {
    font-weight: 600;
    color: #E30613;
    text-decoration: underline;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto h1 {
    color: #000000;
    font-size: 180%;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto h2 {
    color: #000000;
    font-size: 180%;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto button {
    font-size: 100%;
    font-weight: 100;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    transition: all 0.3s;
    border: 0;
    width: 80vw;
    padding: 10px;
    margin: 10px 0 0 0;
    text-align: left;
    background-size: 50%;
    background-image: url("../images/flecha.svg");
    background-repeat: no-repeat;
    background-position-x: 30vw;
    background-position-y: center;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .texto button:hover {
    background-position-x: 35vw;
    transition: all 0.3s;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .imagen {
    width: 100%;
  }
  article.home-presentation section.destacado:nth-last-child(-n+2) .wraper .imagen img {
    width: 100%;
  }
  article.home-presentation section.destacado-d {
    background-color: #C6C2BC;
    width: 100%;
  }
  article.home-presentation section.destacado-d .wraper {
    width: 90%;
    margin: -15vw auto 15vw;
    display: flex;
    flex-wrap: wrap;
  }
  article.home-presentation section.destacado-d .wraper .texto {
    width: 100%;
    margin: 6vw 3vw 3vw;
    padding: 0;
    font-size: 350%;
    text-align: center;
    font-weight: 100;
  }
  article.home-presentation section.destacado-d .wraper .texto p {
    margin: 2vw 0 0 0;
  }
  article.home-presentation section.destacado-d .wraper .texto b {
    font-weight: 600;
  }
  article.home-presentation section.destacado-d .wraper .texto i {
    font-size: 145%;
    font-family: "Cormorant Garamond";
    font-style: oblique;
  }
  article.home-presentation section.destacado-d .wraper .texto span {
    font-weight: 600;
    color: #E30613;
    text-decoration: underline;
  }
  article.home-presentation section.destacado-d .wraper .texto h1 {
    color: #000000;
    font-size: 180%;
  }
  article.home-presentation section.destacado-d .wraper .texto h2 {
    color: #000000;
    font-size: 180%;
  }
  article.home-presentation section.destacado-d .wraper .texto a button {
    font-size: 90%;
    font-weight: 100;
    color: #FFFFFF;
    background-color: #E30613;
    cursor: pointer;
    transition: all 0.3s;
    border: 0;
    padding: 2vw 2vw 2vw 7vw;
    margin: 40px 0 0 0;
    text-align: left;
    background-size: 8%;
    background-image: url("../images/ico-download-white.svg");
    background-repeat: no-repeat;
    background-position-x: 1vw;
    background-position-y: center;
  }
  article.home-presentation section.destacado-d .wraper .texto a button:hover {
    background-position-y: 2.5vw;
    transition: all 0.3s;
    opacity: 0.8;
  }
  article.home-presentation section.destacado-d .wraper .imagen {
    width: 100%;
    margin: 0;
  }
  article.home-presentation section.destacado-d .wraper .imagen img {
    width: 100%;
    margin: 0;
  }
  article.home-presentation section.destacado-d .wraper .texto a.action-desplegable-tarifas-home p {
    font-size: 110%;
    padding: 3vw;
  }
  article.home-presentation section.destacado-d .wraper .texto ul.desplegable-tarifa-home {
    width: 75%;
  }
  article.home-presentation section.destacado-d .wraper .texto ul.desplegable-tarifa-home li {
    height: 10vw;
  }
  article.home-presentation section.destacado-d .wraper .texto ul.desplegable-tarifa-home li a.option-tarifa {
    font-size: 120%;
    padding: 0.8vw;
  }
}
/*color corporativo*/
/* forest green*/
article.home-presentation-new section.mas-cerca {
  background-color: #CCCCCC;
  padding: 5vw 0 0vw;
}
article.home-presentation-new .wraper {
  width: 100%;
  margin: 0 auto;
}
article.home-presentation-new .wraper .cabecera {
  text-align: center;
  padding: 0 3vw;
}
article.home-presentation-new .wraper .cabecera h1 {
  color: #000000;
  line-height: 120%;
  font-size: 260%;
}
article.home-presentation-new .wraper .cabecera h2 {
  color: #000000;
  line-height: 110%;
  font-size: 240%;
  font-weight: 200;
}
article.home-presentation-new .wraper .cabecera b {
  font-weight: 600;
}
article.home-presentation-new .wraper .cabecera strong {
  font-weight: 600;
}
article.home-presentation-new .wraper .cabecera u {
  color: #E30613;
  font-weight: 600;
  text-transform: inherit;
  font-family: "Open Sans";
}
article.home-presentation-new .wraper .cabecera em {
  color: #000000;
  font-weight: 400;
  font-style: normal;
  font-family: "Open Sans";
}
article.home-presentation-new .wraper .detalle {
  display: flex;
  margin: 3vw 0 0;
}
article.home-presentation-new .wraper .detalle .texto {
  width: 70%;
  margin: 1vw 5vw 5vw;
  padding: 0;
  font-size: 150%;
  line-height: 2.5vw;
  font-weight: 100;
  text-align: center;
}
article.home-presentation-new .wraper .detalle .texto p {
  margin: 1vw 0 0 0;
}
article.home-presentation-new .wraper .detalle .texto b {
  font-weight: 600;
}
article.home-presentation-new .wraper .detalle .texto strong {
  font-weight: 600;
}
article.home-presentation-new .wraper .detalle .texto i {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation-new .wraper .detalle .texto em {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation-new .wraper .detalle .texto span {
  font-weight: 600;
  color: #E30613;
  text-decoration: underline;
  font-family: "Open Sans";
}
article.home-presentation-new .wraper .detalle .imagen {
  width: 30%;
  margin: 3vw 0 0;
  display: flex;
  align-items: flex-end;
}
article.home-presentation-new .wraper .detalle .imagen img {
  width: 100%;
}
article.home-presentation-new section.mas-cerca-img {
  background-color: #FFFFFF;
}
article.home-presentation-new section.mas-cerca-img img {
  width: 100%;
  margin: 0 0 -0.1vw 0;
  padding: 0;
}
article.home-presentation-new .dos-img-decora {
  display: flex;
  justify-content: space-between;
}
article.home-presentation-new .dos-img-decora img {
  width: 100%;
  height: 100%;
  max-width: 20vw;
  margin: 0 3vw;
}
article.home-presentation-new .dos-img-decora .max-height {
  max-width: 12vw;
}
article.home-presentation-new .dos-img-decora .margin-extra {
  margin-right: 20vw;
}
article.home-presentation-new section.destacado {
  width: 100%;
}
article.home-presentation-new section.destacado .wraper {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
}
article.home-presentation-new section.destacado .wraper .texto {
  width: 50%;
  margin: auto 3vw;
  padding: 0;
  font-size: 150%;
  font-weight: 100;
  line-height: 1.2;
}
article.home-presentation-new section.destacado .wraper .texto p {
  margin: 2vw 0 0 0;
}
article.home-presentation-new section.destacado .wraper .texto a {
  font-size: 100%;
}
article.home-presentation-new section.destacado .wraper .texto b {
  font-weight: 600;
}
article.home-presentation-new section.destacado .wraper .texto strong {
  font-weight: 400;
}
article.home-presentation-new section.destacado .wraper .texto i {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation-new section.destacado .wraper .texto em {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation-new section.destacado .wraper .texto span {
  font-weight: 600;
  color: #E30613;
  text-decoration: underline;
}
article.home-presentation-new section.destacado .wraper .texto h1 {
  color: #000000;
  font-size: 180%;
}
article.home-presentation-new section.destacado .wraper .texto h2 {
  color: #000000;
  font-size: 180%;
}
article.home-presentation-new section.destacado .wraper .texto button {
  font-family: "Open Sans";
  font-size: 70%;
  font-weight: 100;
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
  transition: all 0.3s;
  border: 0;
  width: 100%;
  padding: 10px 10px 10px 10px;
  margin: 40px 0 0 0;
  text-align: left;
  background-size: 50%;
  background-image: url("../images/flecha.svg");
  background-repeat: no-repeat;
  background-position-x: 90%;
  background-position-y: center;
}
article.home-presentation-new section.destacado .wraper .texto button:hover {
  background-position-x: 100%;
  transition: all 0.3s;
  background-image: url("../images/flecha-roja.svg");
}
article.home-presentation-new section.destacado .wraper .imagen {
  width: 50%;
}
article.home-presentation-new section.destacado .wraper .imagen img {
  width: 100%;
}
article.home-presentation-new section.destacado:nth-child(even) .wraper {
  flex-direction: row;
}
article.home-presentation-new section.destacado:nth-last-child(-n+2) {
  background-image: url("../images/destacados-fondo.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  background-position-y: bottom;
  padding-bottom: 10vw;
}
article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper {
  width: 90%;
  margin: 0 auto;
  display: flex;
}
article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto {
  width: 50%;
  height: 40vw;
  margin: 6vw 3vw;
  padding: 0;
  font-size: 150%;
  font-weight: 100;
}
article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto p {
  margin: 2vw 0 0 0;
}
article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto b {
  font-weight: 600;
}
article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto i {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto em {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto span {
  font-weight: 600;
  color: #E30613;
  text-decoration: underline;
}
article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto h1 {
  color: #000000;
  font-size: 180%;
}
article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto h2 {
  color: #000000;
  font-size: 180%;
}
article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .imagen {
  width: 50%;
}
article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .imagen img {
  width: 100%;
}
article.home-presentation-new section.destacado-d {
  background-color: #E30613;
  width: 100%;
}
article.home-presentation-new section.destacado-d .wraper {
  width: 100%;
  margin: 0 auto;
  display: flex;
}
article.home-presentation-new section.destacado-d .wraper .texto {
  width: 50%;
  margin: 0 0 3vw 3vw;
  padding: 0;
  font-size: 150%;
  font-weight: 100;
  color: #FFFFFF;
}
article.home-presentation-new section.destacado-d .wraper .texto p {
  margin: 2vw 0 0 0;
}
article.home-presentation-new section.destacado-d .wraper .texto b {
  font-weight: 600;
}
article.home-presentation-new section.destacado-d .wraper .texto i {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation-new section.destacado-d .wraper .texto em {
  font-size: 145%;
  font-family: "Cormorant Garamond";
  font-style: oblique;
}
article.home-presentation-new section.destacado-d .wraper .texto span {
  font-weight: 600;
  color: #E30613;
  text-decoration: underline;
}
article.home-presentation-new section.destacado-d .wraper .texto h1 {
  color: #000000;
  font-size: 180%;
}
article.home-presentation-new section.destacado-d .wraper .texto h2 {
  color: #FFFFFF;
  font-size: 180%;
}
article.home-presentation-new section.destacado-d .wraper .texto a {
  font-size: 100%;
}
article.home-presentation-new section.destacado-d .wraper .texto a button {
  font-family: "Open Sans";
  font-size: 50%;
  font-weight: 100;
  color: #FFFFFF;
  background-color: #E30613;
  cursor: pointer;
  transition: all 0.3s;
  border: 0;
  padding: 1vw 1vw 1vw 2.5vw;
  margin: 40px 0 0 0;
  text-align: left;
  background-size: 10%;
  background-image: url("../images/ico-download-white.svg");
  background-repeat: no-repeat;
  background-position-x: 0.5vw;
  background-position-y: center;
}
article.home-presentation-new section.destacado-d .wraper .texto a button:hover {
  background-position-y: 0.7vw;
  transition: all 0.3s;
  background-color: #000000;
}
article.home-presentation-new section.destacado-d .wraper .texto a.action-desplegable-tarifas-home {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E30613;
  width: fit-content;
  margin-top: 1vw;
  background-size: 10%;
  background-image: url("../images/ico-download-white.svg");
  background-repeat: no-repeat;
  background-position-x: 0.5vw;
  background-position-y: center;
  padding-left: 2.5vw;
}
article.home-presentation-new section.destacado-d .wraper .texto a.action-desplegable-tarifas-home p {
  margin-top: 0;
  padding: 1vw;
  color: white;
  font-size: 67%;
}
article.home-presentation-new section.destacado-d .wraper .texto a.action-desplegable-tarifas-home img {
  padding: 1vw 0;
}
article.home-presentation-new section.destacado-d .wraper .texto ul.desplegable-tarifa-home {
  width: 45%;
  display: none;
}
article.home-presentation-new section.destacado-d .wraper .texto ul.desplegable-tarifa-home li {
  border-bottom: 1px solid #FFFFFF;
  height: 3vw;
  display: flex;
  align-items: center;
}
article.home-presentation-new section.destacado-d .wraper .texto ul.desplegable-tarifa-home li a.option-tarifa {
  font-size: 70%;
  padding: 0.8vw;
  color: #FFFFFF;
}
article.home-presentation-new section.destacado-d .wraper .texto ul.desplegable-tarifa-home li .option-tarifa:hover {
  opacity: 0.7;
}
article.home-presentation-new section.destacado-d .wraper .texto .desplegable-tarifa.active {
  display: block;
  z-index: 9;
}
article.home-presentation-new section.destacado-d .wraper .imagen {
  width: 70%;
  margin: -10vw 0 0;
}
article.home-presentation-new section.destacado-d .wraper .imagen img {
  width: 100%;
  margin: -0.2vw 0;
}

@media only screen and (max-width: 820px) {
  article.home-presentation-new section.mas-cerca {
    background-color: #C6C2BC;
    padding: 5vw 0;
    margin: 55vw 0 0 0;
  }
  article.home-presentation-new .wraper {
    width: 100%;
    margin: 0 auto;
  }
  article.home-presentation-new .wraper .cabecera {
    text-align: center;
    line-height: 5vw;
    padding: 0;
  }
  article.home-presentation-new .wraper .cabecera h1 {
    color: #000000;
    line-height: 120%;
    font-size: 360%;
  }
  article.home-presentation-new .wraper .cabecera h2 {
    color: #000000;
    line-height: 120%;
    font-size: 360%;
  }
  article.home-presentation-new .wraper .cabecera b {
    font-weight: 600;
  }
  article.home-presentation-new .wraper .cabecera i {
    color: #FFFFFF;
    font-size: 145%;
    font-weight: 300;
    font-style: oblique;
    font-family: "Cormorant Garamond";
  }
  article.home-presentation-new .wraper .detalle {
    display: flex;
    margin: 3vw 0 0;
  }
  article.home-presentation-new .wraper .detalle .texto {
    width: 60%;
    margin: 3vw;
    font-size: 150%;
    line-height: 2.5vw;
    font-weight: 100;
  }
  article.home-presentation-new .wraper .detalle .texto p {
    margin: 2vw 0 0 0;
  }
  article.home-presentation-new .wraper .detalle .texto b {
    font-weight: 600;
  }
  article.home-presentation-new .wraper .detalle .texto i {
    font-size: 145%;
    font-family: "Cormorant Garamond";
    font-style: oblique;
  }
  article.home-presentation-new .wraper .detalle .texto span {
    font-weight: 600;
    color: #E30613;
    text-decoration: underline;
  }
  article.home-presentation-new .wraper .detalle .imagen {
    width: 40%;
    margin: 3vw 0;
  }
  article.home-presentation-new .wraper .detalle .imagen img {
    width: 100%;
  }
  article.home-presentation-new section.mas-cerca-img {
    background-color: #FFFFFF;
  }
  article.home-presentation-new section.mas-cerca-img img {
    width: 100%;
  }
  article.home-presentation-new section.destacado-d .wraper .texto a.action-desplegable-tarifas-home p {
    font-size: 110%;
  }
  article.home-presentation-new section.destacado-d .wraper .texto ul.desplegable-tarifa-home {
    width: 66%;
  }
  article.home-presentation-new section.destacado-d .wraper .texto ul.desplegable-tarifa-home li {
    height: 4vw;
  }
  article.home-presentation-new section.destacado-d .wraper .texto ul.desplegable-tarifa-home li a.option-tarifa {
    font-size: 120%;
    padding: 0.8vw;
  }
}
@media only screen and (max-width: 767px) {
  article.home-presentation-new section.mas-cerca {
    background-color: #CCCCCC;
    padding: 5vw 0 0;
  }
  article.home-presentation-new .wraper {
    width: 100%;
    margin: 0 auto;
  }
  article.home-presentation-new .wraper .cabecera {
    text-align: center;
    line-height: 5vw;
    padding: 0 5vw;
  }
  article.home-presentation-new .wraper .cabecera h1 {
    color: #000000;
    line-height: 120%;
    font-style: normal;
    font-size: 360%;
  }
  article.home-presentation-new .wraper .cabecera h2 {
    color: #000000;
    line-height: 120%;
    font-style: normal;
    font-size: 360%;
  }
  article.home-presentation-new .wraper .cabecera b {
    font-weight: 600;
  }
  article.home-presentation-new .wraper .cabecera i {
    color: #FFFFFF;
    font-size: 145%;
    font-weight: 300;
    font-style: oblique;
    font-family: "Cormorant Garamond";
  }
  article.home-presentation-new .wraper .detalle {
    display: flex;
    margin: 3vw 0 0;
    flex-wrap: wrap-reverse;
  }
  article.home-presentation-new .wraper .detalle .texto {
    padding: 0 5vw;
    text-align: center;
    width: 100vw;
    margin: 3vw;
    font-size: 340%;
    line-height: 6vw;
    font-weight: 100;
  }
  article.home-presentation-new .wraper .detalle .texto p {
    margin: 2vw 0 0 0;
  }
  article.home-presentation-new .wraper .detalle .texto b {
    font-weight: 600;
  }
  article.home-presentation-new .wraper .detalle .texto i {
    font-size: 145%;
    font-family: "Cormorant Garamond";
    font-style: oblique;
  }
  article.home-presentation-new .wraper .detalle .texto span {
    font-weight: 600;
    color: #E30613;
    text-decoration: underline;
  }
  article.home-presentation-new .wraper .detalle .imagen {
    width: 100vw;
    margin: 3vw 0 0;
  }
  article.home-presentation-new .wraper .detalle .imagen img {
    width: 100%;
  }
  article.home-presentation-new section.mas-cerca-img {
    background-color: #FFFFFF;
  }
  article.home-presentation-new section.mas-cerca-img img {
    width: 100%;
  }
  article.home-presentation-new section.destacado {
    width: 100%;
  }
  article.home-presentation-new section.destacado .wraper {
    width: 90%;
    margin: 0 auto 15vw;
    display: flex;
    flex-wrap: wrap-reverse;
  }
  article.home-presentation-new section.destacado .wraper .texto {
    width: 100%;
    margin: 0 3vw;
    padding: 5vw 0 0;
    font-size: 350%;
    text-align: center;
    font-weight: 100;
  }
  article.home-presentation-new section.destacado .wraper .texto p {
    margin: 2vw 0 0 0;
  }
  article.home-presentation-new section.destacado .wraper .texto b {
    font-weight: 600;
  }
  article.home-presentation-new section.destacado .wraper .texto i {
    font-size: 145%;
    font-family: "Cormorant Garamond";
    font-style: oblique;
  }
  article.home-presentation-new section.destacado .wraper .texto span {
    font-weight: 600;
    color: #E30613;
    text-decoration: underline;
  }
  article.home-presentation-new section.destacado .wraper .texto h1 {
    color: #000000;
    font-size: 180%;
  }
  article.home-presentation-new section.destacado .wraper .texto h2 {
    color: #000000;
    font-size: 180%;
  }
  article.home-presentation-new section.destacado .wraper .texto button {
    font-size: 100%;
    color: #000000;
    font-weight: 100;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    transition: all 0.3s;
    border: 0;
    width: 80vw;
    padding: 10px;
    margin: 10px auto 0;
    text-align: left;
    background-size: 20%;
    background-image: url("../images/flecha.svg");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
  }
  article.home-presentation-new section.destacado .wraper .texto button:hover {
    background-position-x: 25vw;
    transition: all 0.3s;
  }
  article.home-presentation-new section.destacado .wraper .imagen {
    width: 100%;
  }
  article.home-presentation-new section.destacado .wraper .imagen img {
    width: 100%;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    background-position-y: bottom;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper {
    width: 90%;
    margin: 0 auto 15vw;
    padding: 0 0 25vw;
    display: flex;
    flex-wrap: wrap-reverse;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto {
    width: 100%;
    height: auto;
    margin: 6vw 3vw;
    padding: 0;
    font-size: 350%;
    text-align: center;
    font-weight: 100;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto p {
    margin: 2vw 0 0 0;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto b {
    font-weight: 600;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto i {
    font-size: 145%;
    font-family: "Cormorant Garamond";
    font-style: oblique;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto span {
    font-weight: 600;
    color: #E30613;
    text-decoration: underline;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto h1 {
    color: #000000;
    font-size: 180%;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto h2 {
    color: #000000;
    font-size: 180%;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto button {
    font-size: 100%;
    font-weight: 100;
    background-color: rgba(255, 255, 255, 0);
    cursor: pointer;
    transition: all 0.3s;
    border: 0;
    width: 80vw;
    padding: 10px;
    margin: 10px 0 0 0;
    text-align: left;
    background-size: 50%;
    background-image: url("../images/flecha.svg");
    background-repeat: no-repeat;
    background-position-x: 30vw;
    background-position-y: center;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .texto button:hover {
    background-position-x: 35vw;
    transition: all 0.3s;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .imagen {
    width: 100%;
  }
  article.home-presentation-new section.destacado:nth-last-child(-n+2) .wraper .imagen img {
    width: 100%;
  }
  article.home-presentation-new section.destacado-d {
    background-color: #E30613;
    width: 100%;
  }
  article.home-presentation-new section.destacado-d .wraper {
    width: 90%;
    margin: 0vw auto 15vw;
    display: flex;
    flex-wrap: wrap;
  }
  article.home-presentation-new section.destacado-d .wraper .texto {
    width: 100%;
    margin: 6vw 3vw 3vw;
    padding: 0;
    font-size: 350%;
    text-align: center;
    font-weight: 100;
  }
  article.home-presentation-new section.destacado-d .wraper .texto p {
    margin: 2vw 0 0 0;
  }
  article.home-presentation-new section.destacado-d .wraper .texto b {
    font-weight: 600;
  }
  article.home-presentation-new section.destacado-d .wraper .texto i {
    font-size: 145%;
    font-family: "Cormorant Garamond";
    font-style: oblique;
  }
  article.home-presentation-new section.destacado-d .wraper .texto span {
    font-weight: 600;
    color: #E30613;
    text-decoration: underline;
  }
  article.home-presentation-new section.destacado-d .wraper .texto h1 {
    color: #000000;
    font-size: 180%;
  }
  article.home-presentation-new section.destacado-d .wraper .texto h2 {
    color: #FFFFFF;
    font-size: 180%;
  }
  article.home-presentation-new section.destacado-d .wraper .texto a button {
    font-size: 90%;
    font-weight: 100;
    color: #FFFFFF;
    background-color: #E30613;
    cursor: pointer;
    transition: all 0.3s;
    border: 0;
    padding: 2vw 2vw 2vw 7vw;
    margin: 40px 0 0 0;
    text-align: left;
    background-size: 8%;
    background-image: url("../images/ico-download-white.svg");
    background-repeat: no-repeat;
    background-position-x: 1vw;
    background-position-y: center;
  }
  article.home-presentation-new section.destacado-d .wraper .texto a button:hover {
    background-position-y: 2.5vw;
    transition: all 0.3s;
    opacity: 0.8;
  }
  article.home-presentation-new section.destacado-d .wraper .imagen {
    width: 100%;
    margin: 0;
  }
  article.home-presentation-new section.destacado-d .wraper .imagen img {
    width: 100%;
    margin: 0;
  }
  article.home-presentation-new section.destacado-d .wraper .texto a.action-desplegable-tarifas-home {
    padding-left: 4.5vw;
  }
  article.home-presentation-new section.destacado-d .wraper .texto a.action-desplegable-tarifas-home p {
    font-size: 110%;
    padding: 3vw;
  }
  article.home-presentation-new section.destacado-d .wraper .texto ul.desplegable-tarifa-home {
    width: 75%;
  }
  article.home-presentation-new section.destacado-d .wraper .texto ul.desplegable-tarifa-home li {
    height: 10vw;
  }
  article.home-presentation-new section.destacado-d .wraper .texto ul.desplegable-tarifa-home li a.option-tarifa {
    font-size: 120%;
    padding: 0.8vw;
  }
}
.categoria-1 {
  background-image: url("/dist/images/categorias-1.png");
}

.categoria-2 {
  background-image: url("/dist/images/categorias-2.png");
}

.categoria-3 {
  background-image: url("/dist/images/categorias-3.png");
}

.categoria-4 {
  background-image: url("/dist/images/categorias-4.png");
}

.categoria-5 {
  background-image: url("/dist/images/categorias-5.png");
}

article.categorias {
  width: 100%;
  height: 100%;
}
article.categorias section .banner {
  display: flex;
  margin: 9vw 0 0;
  background-position: right;
  background-size: cover;
}
article.categorias section .banner .texto {
  padding: 3.5vw 5vw 5.5vw;
  width: 30vw;
  margin: 0;
}
article.categorias section .banner .texto h1 {
  color: #E30613;
  font-size: 180%;
  margin: 0 0 1vw;
  line-height: 110%;
}
article.categorias section .banner .texto h2 {
  font-size: 220%;
  font-family: "Open Sans";
  font-weight: 100;
  margin: 0 0 1vw;
  line-height: 110%;
}
article.categorias section .banner .texto p {
  font-weight: 100;
  line-height: 110%;
  font-size: 90%;
}
article.categorias section .banner .texto i {
  font-size: 150%;
}
article.categorias section .banner .texto em {
  font-size: 150%;
}
article.categorias section .banner .imagen {
  width: 40vw;
  margin: auto 0 auto 20vw;
}
article.categorias section .banner .imagen img {
  width: 100%;
}
article.categorias section .banner .sin-imagen-cat {
  width: 5vw;
  height: 5vw;
  border: 0;
}

.categorias section .wrap-absolute {
  margin: -5vw 0 0 0;
}
.categorias section .wrap-absolute .wrap-content {
  height: 65%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.categorias section .wrap-absolute .wrap-content .btn-inferiores {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 3vw;
}
.categorias section .wrap-absolute .wrap-content .btn-inferiores .group-familias {
  width: 15vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin-bottom: 5vw;
  cursor: pointer;
}
.categorias section .wrap-absolute .wrap-content .btn-inferiores .group-familias a.btn-familias {
  width: 13vw;
  padding: 0.5vw 0.5vw 1vw 0.5vw;
  background-color: #E30613;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  position: absolute;
}
.categorias section .wrap-absolute .wrap-content .btn-inferiores .group-familias a.btn-familias p {
  color: #FFFFFF;
  font-size: 30%;
  text-align: center;
  min-height: 2vw;
  padding-top: 1vw;
  margin-bottom: 5px;
  transition: 0.6s;
}
.categorias section .wrap-absolute .wrap-content .btn-inferiores .group-familias a.btn-familias img {
  width: 3vw;
  transition: 0.6s;
  display: none;
  height: 3vw;
}
.categorias section .wrap-absolute .wrap-content .btn-inferiores .group-familias a.btn-familias:hover {
  width: 13vw;
  padding: 0.5vw 0.5vw 1vw 0.5vw;
  background-color: #FFFFFF;
  margin: -3vw 0 0 0;
}
.categorias section .wrap-absolute .wrap-content .btn-inferiores .group-familias a.btn-familias:hover p {
  color: #E30613;
}
.categorias section .wrap-absolute .wrap-content .btn-inferiores .group-familias a.btn-familias:hover img {
  display: flex;
}
.categorias section .wrap-absolute .wrap-content .btn-inferiores .group-familias .categoria-imagen img {
  display: flex;
  width: 100%;
  padding: 1vw 0;
  margin-top: 5vw;
}
.categorias section .wrap-absolute .wrap-content .btn-inferiores .group-familias .categoria-imagen-b img {
  display: flex;
  display: none;
  width: 100%;
  padding: 1vw 0;
  margin-top: 5vw;
}
.categorias section .wrap-absolute .wrap-content .btn-inferiores .group-familias a.solo-uno img {
  width: 70vw;
}
.categorias section .wrap-absolute .wrap-content .group-familias:hover .categoria-imagen img {
  display: none;
}
.categorias section .wrap-absolute .wrap-content .group-familias:hover .categoria-imagen-b img {
  display: flex;
}
.categorias section .wrap-absolute .wrap-content .group-familias:hover a.btn-familias {
  background-color: #FFFFFF;
  transition: 0.6s;
  margin: -3vw 0 0 0;
}
.categorias section .wrap-absolute .wrap-content .group-familias:hover a.btn-familias p {
  color: #E30613;
  font-size: 30%;
  text-align: center;
  min-height: 2vw;
  padding-top: 1vw;
  margin-bottom: 5px;
  transition: 0.6s;
}
.categorias section .wrap-absolute .wrap-content .group-familias:hover a.btn-familias img {
  display: flex;
}
.categorias section .wrap-absolute .wrap-content .group-familias:hover a.btn-familias .categoria-imagen-b img {
  display: flex;
}

@media only screen and (min-width: 1350px) {
  article.categorias {
    width: 100%;
    height: 100%;
  }
  article.categorias section .banner {
    display: flex;
    margin: 6vw 0 0;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.categorias section .banner .texto {
    padding: 3.5vw 5vw 5.5vw;
    width: 30vw;
    margin: 0;
  }
  article.categorias section .banner .texto h1 {
    color: #E30613;
    font-size: 200%;
    margin: 0 0 1vw;
  }
  article.categorias section .banner .texto h2 {
    font-size: 220%;
    font-family: "Open Sans";
    font-weight: 100;
    margin: 0 0 1vw;
  }
  article.categorias section .banner .texto p {
    font-weight: 100;
    line-height: 100%;
  }
}
@media only screen and (max-width: 820px) {
  article.categorias {
    width: 100%;
  }
  article.categorias section .banner {
    display: flex;
    margin: 13vw 0 0;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.categorias section .banner .texto {
    padding: 5vw 5vw;
    width: 30vw;
    margin: 0;
  }
  article.categorias section .banner .texto h1 {
    color: #E30613;
    font-size: 200%;
    margin: 0 0 1vw;
  }
  article.categorias section .banner .texto h2 {
    font-size: 250%;
    font-family: "Open Sans";
    font-weight: 100;
    margin: 0 0 1vw;
  }
  article.categorias section .banner .texto p {
    font-weight: 100;
    line-height: 2vw;
  }
  article.categorias section .banner .imagen {
    width: 30vw;
    margin: auto 0 auto 20vw;
  }
  article.categorias section .banner .imagen img {
    width: 100%;
  }
  article.categorias {
    height: 100%;
  }
  article.categorias section div.wrap-absolute div.wrap-content {
    width: 100vw;
    margin: 5vw auto;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5vw;
    justify-content: space-around;
    align-items: center;
    width: 100%; /* margin-bottom:-2vw; */
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias {
    width: 100vw;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 15vw;
    vertical-align: middle;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias a.btn-familias {
    width: 80vw;
    min-height: 10vw;
    padding: 2vw 0;
    background-color: #E30613;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: 0.6s;
    margin-bottom: 1vw;
    vertical-align: middle;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias a.btn-familias p {
    color: #FFFFFF;
    font-size: 130%;
    font-weight: 100;
    text-align: center;
    min-height: 2vw;
    padding-top: 1vw;
    margin-bottom: 5px;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias a.btn-familias img {
    width: 3vw;
    transition: 0.6s;
    display: none;
    height: 3vw;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias a.btn-familias:hover {
    background-color: #FFFFFF;
    width: 100vw;
    height: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-bottom: 1vw;
    vertical-align: middle;
    margin-top: 0vw;
    padding: 2vw 0;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias a.btn-familias:hover p {
    color: #E30613;
    font-size: 130%;
    font-weight: 100;
    text-align: center;
    min-height: 2vw;
    padding-top: 1vw;
    margin-bottom: 5px;
    transition: 0.6s;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias a.btn-familias:hover img {
    padding: 0 2vw;
    display: none;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias .categoria-imagen img {
    display: flex;
    width: 70%;
    margin: 0 auto;
    padding: 1vw 0;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias .categoria-imagen-b img {
    display: none;
    width: 70%;
    margin: 0 auto;
    padding: 1vw 0;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias:hover .categoria-imagen img {
    display: none;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias:hover .categoria-imagen-b img {
    display: flex;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias:hover a.btn-familias {
    background-color: #FFFFFF;
    width: 80vw;
    height: 10vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-bottom: 1vw;
    vertical-align: middle;
    margin-top: 0vw;
    padding: 2vw 0;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias:hover a.btn-familias p {
    color: #E30613;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias:hover a.btn-familias img {
    display: none;
  }
  article.categorias section div.wrap-absolute div.wrap-content .btn-inferiores .group-familias:hover a.btn-familias .categoria-imagen-b img {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  article.categorias {
    width: 100%;
    height: 100%;
  }
  article.categorias section .banner {
    display: flex;
    margin: 21vw auto 0;
    padding: 3vw 0 0 0;
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    flex-wrap: wrap;
  }
  article.categorias section .banner .texto {
    padding: 0 5vw;
    width: 90vw;
    margin: 0;
  }
  article.categorias section .banner .texto h1 {
    color: #E30613;
    font-size: 600%;
    margin: 0 auto 2vw;
  }
  article.categorias section .banner .texto h2 {
    font-size: 800%;
    font-family: "Open Sans";
    font-weight: 100;
    margin: 0 auto 2vw;
    line-height: 110%;
  }
  article.categorias section .banner .texto h2 p {
    font-size: 100%;
    line-height: 110%;
  }
  article.categorias section .banner .texto p {
    font-size: 400%;
    font-weight: 100;
    line-height: 120%;
  }
  article.categorias section .banner .imagen {
    width: 80vw;
    margin: auto;
  }
  article.categorias section .banner .imagen img {
    width: 100%;
  }
}
/*color corporativo*/
/* fondo body*/
/* fondo body*/
/* forest green*/
article.filtro-familias {
  position: relative;
  z-index: 1;
}
article.filtro-familias header {
  background-color: #FFFFFF;
  margin-top: 9vw;
}
article.filtro-familias header div.wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}
article.filtro-familias header div.wrap div.filtro-familias {
  display: flex;
  align-items: center;
  width: 100%;
  height: 4vw;
  border-bottom: 1px solid #e4e4e4;
}
article.filtro-familias header div.wrap div.filtro-familias ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
article.filtro-familias header div.wrap div.filtro-familias ul li {
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  width: 100%;
  border-left: 1px solid #e4e4e4;
  font-size: 85%;
  height: 60%;
}
article.filtro-familias header div.wrap div.filtro-familias ul li a {
  font-family: "Open Sans";
  font-size: 100%;
  font-weight: 100;
  transition: 0.6s;
}
article.filtro-familias header div.wrap div.filtro-familias ul li img {
  display: none;
}
article.filtro-familias header div.wrap div.filtro-familias ul li a:hover {
  color: #E30613;
}
article.filtro-familias header div.wrap div.filtro-familias ul li a.active {
  color: #E30613;
  font-weight: 400;
}
article.filtro-familias header div.wrap div.filtro-familias ul li.end {
  display: none;
}
article.filtro-familias header div.wrap div.filtro-productos {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3vw;
  background-color: #FFFFFF;
  border-bottom: 1px solid #e4e4e4;
  justify-content: center;
  font-size: 80%;
  font-family: "Open Sans";
  font-weight: 100;
  padding: 0.4vw 0;
}
article.filtro-familias header div.wrap div.filtro-productos div.wraper {
  display: flex;
  width: 85%;
  justify-content: space-between;
}
article.filtro-familias header div.wrap div.filtro-productos div.wraper div.selects select {
  padding-right: 0.5vw;
  margin-right: 1vw;
  letter-spacing: 0.5px;
  font-family: "Open Sans";
  border: 0px solid #000000;
  color: #000000;
  font-size: 100%;
  font-weight: 100;
}
article.filtro-familias header div.wrap div.filtro-productos div.wraper div.selects select:focus {
  outline: none !important;
  border: 1px solid none;
}
article.filtro-familias header div.wrap div.filtro-productos div.wraper div.selects label {
  padding-right: 0.5vw;
  margin-right: 1vw;
  letter-spacing: 0.5px;
  font-family: "Open Sans";
  color: #000000;
  font-size: 100%;
}
article.filtro-familias header div.wrap div.filtro-productos div.wraper div.resultados {
  display: flex;
  align-items: center;
}
article.filtro-familias header div.wrap div.filtro-productos div.wraper div.resultados p {
  color: #9d9d9d;
}

.pvfiltros {
  z-index: 1;
  position: fixed;
  display: flex;
  margin: 10.4vw 5vw;
  font-size: 80%;
}
.pvfiltros .combo {
  cursor: pointer;
  margin: 0 10px;
  color: #000000;
}
.pvfiltros .combo .expandido {
  margin: 5px 0px;
  opacity: 0;
  transition: 0.6s;
  background-color: #FFFFFF;
  padding: 5px;
  color: #000000;
}
.pvfiltros .combo .expandido button {
  background-color: #FFFFFF;
  cursor: pointer;
  border: 0;
  color: #000000;
  margin: 5px 0;
}
.pvfiltros .combo .expandido button a {
  font-size: 100%;
}
.pvfiltros .combo:hover .expandido {
  margin: 5px 0px;
  display: block;
  transition: 0.6s;
  background-color: #FFFFFF;
  padding: 5px;
  opacity: 1;
}
.pvfiltros .combo:hover .expandido button a {
  color: #000000;
}
.pvfiltros .combo:hover .expandido button a:hover {
  color: #E30613;
}
.pvfiltros img {
  width: 0.7vw;
}

.filters {
  z-index: 1;
  position: fixed;
  display: flex;
  margin: -1.6vw 5vw;
  font-size: 80%;
}
.filters img {
  width: 0.7vw;
}

.filters-navup {
  z-index: 1;
  position: fixed;
  display: flex;
  margin: -1.6vw 5vw;
  margin-top: -11.6vw;
  font-size: 80%;
}
.filters-navup img {
  width: 0.7vw;
}

article.venta section .selects .filters {
  display: flex;
  margin: -6.3vw -8vw 0 0%;
  font-size: 80%;
  z-index: 1;
  left: 80%;
  position: absolute;
}
article.venta section .selects .filters img {
  width: 0.7vw;
}

article.venta section .selects .grid {
  margin-top: 3vw;
}

.combo {
  cursor: pointer;
  margin: 0 10px;
  color: #000000;
}
.combo .expandido {
  margin: 5px 0px;
  display: none;
  transition: 0.6s;
  background-color: #FFFFFF;
  padding: 5px;
  color: #000000;
  -webkit-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.29);
  -moz-box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.29);
  box-shadow: 0px 5px 5px -2px rgba(0, 0, 0, 0.29);
}
.combo .expandido button {
  background-color: #FFFFFF;
  cursor: pointer;
  border: 0;
  color: #000000;
  margin: 5px 0;
  font-size: 100%;
}
.combo .expandido button a {
  font-size: 100%;
}

.combo:hover .expandido {
  margin: 5px 0px;
  display: block;
  transition: 0.6s;
  background-color: #FFFFFF;
  padding: 5px;
}
.combo:hover .expandido button {
  color: #000000;
}
.combo:hover .expandido button:hover {
  color: #E30613;
}

@media only screen and (min-width: 1350px) {
  .pvfiltros {
    margin: 7.4vw 5vw;
  }
}
@media only screen and (max-width: 1350px) {
  .filters-navup {
    margin-top: -14.6vw;
  }
}
@media only screen and (max-width: 820px) {
  article.filtro-familias header {
    margin-top: 13vw;
  }
  article.filtro-familias header div.wrap div.filtro-familias {
    height: 9vw;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul {
    display: flex;
    flex-wrap: no-wrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul li {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul li a {
    font-size: 300%;
    white-space: nowrap;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul li img {
    width: 5vw;
    position: absolute;
    display: block;
    right: 5%;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul li a:hover {
    color: #E30613;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul li a.active {
    color: #E30613;
    font-weight: 400;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul li.next {
    position: relative;
    background-color: white;
    z-index: 99;
    height: 100%;
  }
  article.filtro-familias header div.wrap div.filtro-productos {
    height: 7vw;
  }
  article.filtro-familias header div.wrap div.filtro-productos div.wraper div.selects select {
    font-size: 150%;
  }
  article.filtro-familias header div.wrap div.filtro-productos div.wraper div.selects label {
    font-size: 150%;
  }
  article.filtro-familias header div.wrap div.filtro-productos div.wraper div.resultados p {
    font-size: 200%;
  }
  .filters {
    display: none !important;
  }
  .pvfiltros {
    margin: 16vw 5vw;
    font-size: 180%;
  }
  .pvfiltros img {
    width: 2vw;
  }
  .filters-navup {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  article.filtro-familias header {
    margin-top: 80px;
  }
  article.filtro-familias header div.wrap div.filtro-familias {
    height: 80px;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul {
    display: flex;
    flex-wrap: no-wrap;
    overflow-x: auto;
    overflow-y: hidden;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul li {
    flex: 0 0 auto;
    width: 100vw;
    max-width: 100vw;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul li a {
    font-size: 300%;
    white-space: nowrap;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul li img {
    width: 8vw;
    position: absolute;
    display: block;
    right: 5%;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul li a:hover {
    color: #E30613;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul li a.active {
    color: #E30613;
    font-weight: 400;
  }
  article.filtro-familias header div.wrap div.filtro-familias ul li.next {
    position: relative;
    background-color: white;
    z-index: 99;
    font-size: 110%;
  }
  article.filtro-familias header div.wrap div.filtro-productos {
    height: auto;
  }
  article.filtro-familias header div.wrap div.filtro-productos div.wraper {
    flex-direction: column-reverse;
  }
  article.filtro-familias header div.wrap div.filtro-productos div.wraper div.selects {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  article.filtro-familias header div.wrap div.filtro-productos div.wraper div.selects select {
    font-size: 200%;
    width: 20%;
  }
  article.filtro-familias header div.wrap div.filtro-productos div.wraper div.selects label {
    font-size: 200%;
  }
  article.filtro-familias header div.wrap div.filtro-productos div.wraper div.resultados p {
    font-size: 400%;
    padding: 2vw 3px;
  }
  .pvfiltros {
    margin: 29vw 5vw;
    font-size: 280%;
    position: absolute;
  }
  .pvfiltros img {
    width: 2vw;
  }
  .pvfiltros .combo {
    height: 10vw;
  }
  .filter-count {
    display: none;
  }
}
/*color corporativo*/
/* fondo body*/
/* fondo body*/
/* forest green*/
article.cabecera {
  padding: 3vw 0 1vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 130%;
}
article.cabecera section {
  width: 90%;
  border-bottom: 1px solid #9d9d9d;
  border-top: 1px solid #9d9d9d;
  height: 100%;
  display: flex;
  align-items: center;
}
article.cabecera section div {
  display: flex;
  align-items: baseline;
}
article.cabecera section div p {
  padding: 1vw 0 0;
  width: 100%;
  text-transform: initial;
  font-weight: 100;
}
article.cabecera section div h4 {
  padding: 1vw 0;
  text-transform: uppercase;
  width: 100%;
}
article.cabecera .filter-count {
  font-size: 70%;
  position: relative;
  margin: 3px 0 0 65vw;
  color: #CCC;
  padding: 1vw;
}

@media only screen and (max-width: 820px) {
  article.cabecera {
    height: 10vw;
  }
  article.cabecera section div p u {
    font-size: 250%;
  }
  article.cabecera section div h4 {
    font-size: 250%;
    font-weight: 100;
  }
}
@media only screen and (max-width: 767px) {
  article.cabecera {
    min-height: 12vw;
    height: auto;
  }
  article.cabecera section div p u {
    font-size: 350%;
  }
  article.cabecera section div h4 {
    font-size: 350%;
    font-weight: 100;
  }
}
/*color corporativo*/
/* fondo body*/
/* fondo body*/
/* forest green*/
article.tablas {
  width: 90%;
  margin: auto;
  padding-bottom: 5vw;
}
article.tablas section.ficha-producto {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 2vw;
  border-bottom: 1px solid rgb(137, 137, 137);
}
article.tablas section.ficha-producto div.cabecera-producto-destacado {
  height: 18vw;
  width: 100%;
  position: relative;
  margin-top: 3vw;
}
article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute {
  position: absolute;
  top: 0%;
  left: 0%;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo {
  margin: 2vw 2vw 7vw;
  width: 20vw;
}
article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo div.logodest {
  object-fit: contain;
}
article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo div.head {
  background-color: #000000;
  height: 4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2vw;
  max-width: 40vw;
}
article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo div.head p {
  color: #FFFFFF;
  font-size: 210%;
  font-family: "Geogrotesque Rg";
  font-weight: 800;
}
article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo div.foot {
  background-color: #FFFFFF;
  height: 4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2vw;
  max-width: 40vw;
  flex-wrap: wrap;
}
article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo div.foot p {
  color: #E30613;
  font-size: 200%;
  font-weight: 800;
  font-family: "Geogrotesque Rg";
}
article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.img-litte {
  width: 17.5vw;
  height: 17.5vw;
  border: 0.25vw solid #E30613;
}
article.tablas section.ficha-producto div.wraper {
  display: flex;
  width: 100%;
  margin-top: 2vw;
}
article.tablas section.ficha-producto div.wraper div.left {
  width: 30%;
  height: 100%;
  padding: 3vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
article.tablas section.ficha-producto div.wraper div.left div.head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
article.tablas section.ficha-producto div.wraper div.left div.head img {
  width: 10vw;
}
article.tablas section.ficha-producto div.wraper div.left div.head h2 {
  font-size: 130%;
  font-weight: 600;
}
article.tablas section.ficha-producto div.wraper div.left div.head h2 img {
  width: 100%;
  max-height: 1.5vw;
  min-height: 1vw;
  width: 100%;
}
article.tablas section.ficha-producto div.wraper div.left div.head h3 {
  font-size: 180%;
  padding-top: 0.3vw;
}
article.tablas section.ficha-producto div.wraper div.left div.head h3 img {
  max-height: 5vw;
  min-height: 4vw;
  width: 100%;
}
article.tablas section.ficha-producto div.wraper div.left div.head p {
  padding-top: 0.5vw;
}
article.tablas section.ficha-producto div.wraper div.left div.pic {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 10px 0;
}
article.tablas section.ficha-producto div.wraper div.left div.pic img {
  width: 100%;
}
article.tablas section.ficha-producto div.wraper div.left div.pic .especial {
  width: 5vw;
  position: absolute;
  right: 0;
  top: 0;
}
article.tablas section.ficha-producto div.wraper div.left div.foot {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
article.tablas section.ficha-producto div.wraper div.left div.foot a.btn {
  font-size: 80%;
}
article.tablas section.ficha-producto div.wraper div.right {
  width: 70%;
  display: flex;
  flex-direction: column;
  padding-top: 3vw;
}
article.tablas section.ficha-producto div.wraper div.right h4 {
  font-size: 110%;
  padding-bottom: 1vw;
}
article.tablas section.ficha-producto div.wraper div.right a.action-desplegable-tabla {
  display: flex;
  align-items: center;
  padding-bottom: 1vw;
  cursor: pointer;
}
article.tablas section.ficha-producto div.wraper div.right a.action-desplegable-tabla p {
  font-size: 30%;
}
article.tablas section.ficha-producto div.wraper div.right a.action-desplegable-tabla img {
  width: 15px;
}
article.tablas section.ficha-producto div.wraper div.right div.desplegable {
  display: none;
  padding-bottom: 1vw;
}
article.tablas section.ficha-producto div.wraper div.right div.desplegable ul {
  padding-bottom: 1vw;
}
article.tablas section.ficha-producto div.wraper div.right div.desplegable ul li {
  list-style-type: circle;
}
article.tablas section.ficha-producto div.wraper div.right div.desplegable p {
  font-size: 90%;
  line-height: 130%;
  font-weight: 100;
  padding-bottom: 1vw;
}
article.tablas section.ficha-producto div.wraper div.right .desplegable.active {
  display: flex;
}
article.tablas section.ficha-producto div.wraper div.right ul {
  padding-bottom: 2vw;
}
article.tablas section.ficha-producto div.wraper div.right ul li {
  font-size: 100%;
  line-height: 100%;
  padding-top: 5px;
}
article.tablas section.ficha-producto div.wraper div.right table {
  width: 100%;
  margin-bottom: 1vw;
}
article.tablas section.ficha-producto div.wraper div.right table tbody tr {
  height: 1vw;
  width: 100%;
}
article.tablas section.ficha-producto div.wraper div.right table tbody tr th {
  height: 1vw;
  font-size: 75%;
  font-family: "Open Sans";
  font-weight: 100;
  color: white;
  text-align: left;
  padding-left: 10px;
  line-height: 170%;
  border-left: 1px solid white;
}
article.tablas section.ficha-producto div.wraper div.right table tbody tr td {
  padding-left: 10px;
  font-size: 75%;
  font-family: "Open Sans";
  font-weight: 100;
  line-height: 200%;
  border-left: 1px solid white;
  border-top: 1px solid white;
  width: 25%;
}
article.tablas section.ficha-producto div.wraper div.right table tbody tr.separata {
  height: 0px;
}
article.tablas section.ficha-producto div.wraper div.right div.border {
  padding-top: 1vw;
  border-top: 2px solid #26ad46;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.title p {
  font-weight: 600;
  padding-bottom: 0px;
  color: #26ad46;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
  /*  .info.picto{align-items:center;
       p.picto-color{font-size:80%; margin-left: 10px;}
    } */
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 1.5vw;
  margin-top: 1.5vw;
  position: relative;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info p {
  font-size: 70%;
  margin-left: 5px;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.img {
  display: flex;
  justify-content: center;
  align-items: center;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.img img {
  width: 1.5vw;
  height: 1.5vw;
  padding: 0.5vw;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.img img.stamp {
  width: 4vw;
  height: 100%;
  padding: 0px;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.square {
  border: 0.3px solid black;
  width: 2vw;
  min-width: 2vw;
  height: 2vw;
  padding: 0px;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info {
  padding-top: 2px;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info p {
  padding: 0%;
  font-size: 70%;
  line-height: 100%;
  letter-spacing: 0;
  padding-bottom: 1px;
  max-width: 15rem;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info a.action-reference {
  font-size: 60%;
  font-family: "Open Sans";
  padding-left: 5px;
  transition: 0.6s;
  text-decoration: underline;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info .action-reference:hover {
  opacity: 0.6;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info div.reference {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #FFFFFF;
  border: 1px solid black;
  transform: translate(-30%, 5px);
  padding: 5px;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info div.reference p {
  line-height: 120%;
  font-size: 70%;
  padding: 5px;
  white-space: nowrap;
}
article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info .reference.active {
  display: flex;
}
article.tablas .ficha-producto:first-child {
  border-top: none;
}
article.tablas tr:nth-child(even) {
  background-color: #dddddd;
}

.ancla-productos {
  scroll-margin-block: 19vw;
}

.categorias {
  height: 6vw;
  padding: 0;
  margin: 0;
}
.categorias div.cabecera-producto-destacado {
  display: flex;
  margin-top: 0vw !important;
}
.categorias div.cabecera-producto-destacado .ofcover {
  object-fit: contain;
}
.categorias div.cabecera-producto-destacado .responsive {
  display: none;
}
.categorias div.cabecera-producto-destacado div.wrap-absolute div.img-litte {
  width: fit-content !important;
  margin: 4vw 0;
  padding: 0 2vw;
  height: 15vw !important;
  border: 0 !important;
}
.categorias div.cabecera-producto-destacado div.wrap-absolute div.img-litte img {
  width: 100% !important;
}

.desktopdest {
  width: 80% !important;
}

.columnas {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  justify-content: flex-start;
  padding-top: 2vw;
  padding-bottom: 0 !important;
}
.columnas div.cabecera-producto-destacado {
  height: 22vw;
  width: 100%;
  position: relative;
  margin-top: 3vw;
}
.columnas div.cabecera-producto-destacado div.wrap-absolute {
  position: absolute;
  top: 0%;
  left: 0%;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.columnas div.cabecera-producto-destacado div.wrap-absolute div.titulo {
  margin: 2vw;
}
.columnas div.cabecera-producto-destacado div.wrap-absolute div.titulo div.head {
  background-color: #000000;
  height: 4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2vw;
  max-width: 40vw;
}
.columnas div.cabecera-producto-destacado div.wrap-absolute div.titulo div.head p {
  color: #FFFFFF;
  font-size: 210%;
  font-family: "Geogrotesque Rg";
  font-weight: 800;
}
.columnas div.cabecera-producto-destacado div.wrap-absolute div.titulo div.foot {
  background-color: #FFFFFF;
  height: 4vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2vw;
  max-width: 40vw;
}
.columnas div.cabecera-producto-destacado div.wrap-absolute div.titulo div.foot p {
  color: #E30613;
  font-size: 200%;
  font-weight: 800;
  font-family: "Geogrotesque Rg";
}
.columnas div.cabecera-producto-destacado div.wrap-absolute div.img-litte {
  width: 21vw;
  height: 21vw;
  border: 0.5vw solid #E30613;
}
section.columna {
  padding: 20px;
  width: 50% !important; /*Ancho de los productos*/
  box-sizing: border-box;
  display: none;
  flex-direction: inherit;
  margin-top: 2vw;
  min-height: auto;
  border-top: 0px !important;
  border-bottom: 1px solid #898989;
  justify-content: space-between;
  margin: 0 0 3vw !important;
}
section.columna .left {
  width: 50% !important;
  margin-right: 4%;
  height: auto !important;
  padding: 0vw !important;
  display: flex;
  flex-direction: column;
  justify-content: inherit !important;
  font-size: 60%;
}
section.columna .left img {
  margin-top: 0vw;
}
section.columna .left div.foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
section.columna .left div.foot a.btn-descarga {
  font-size: 80%;
}
section.columna .left div.foot img {
  width: 1vw;
  margin-left: 0.5vw;
  margin-top: 0;
}
section.columna .left div.foot svg {
  width: 1vw;
  margin-left: 0.5vw;
  margin-top: 0;
}
section.columna .right {
  width: 46%;
  padding-top: 0 !important;
  font-size: 100%;
}

.columna:nth-child(even) {
  border-left: 1px solid #898989;
}

#comparador-top {
  position: fixed;
  z-index: 9;
  background-color: #FFF;
  bottom: 10%;
  left: -100vw;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  display: flex;
  flex-direction: column;
  min-width: 200px;
  transition: all 0.6s;
}
#comparador-top button.comparador-cerrar {
  position: absolute;
  right: 1px;
  top: 1px;
  color: #FFF;
  border: 0;
  cursor: pointer;
  padding: 10px 10px;
  font-size: 16px;
  background-color: transparent;
}
#comparador-top button.comparador-cerrar:hover {
  color: #E30613;
}
#comparador-top .comparador {
  background-color: #000;
  color: #FFF;
  width: auto;
  padding: 10px 20px;
  font-family: "Open Sans";
  margin-bottom: 20px;
  font-size: 90%;
}
#comparador-top #mensaje-comparar-top {
  color: #E30613;
  font-size: 16px;
  margin: 0 20px 0;
}
#comparador-top #productos-comparar-top {
  margin: 0 20px 10px;
}
#comparador-top #productos-comparar-top div .producto-seleccionado {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000;
  padding: 5px 0;
  justify-content: space-between;
}
#comparador-top #productos-comparar-top div .producto-seleccionado .comp_izq {
  display: flex;
  align-items: center;
}
#comparador-top #productos-comparar-top div .producto-seleccionado .comp_izq img {
  max-height: 50px;
}
#comparador-top #productos-comparar-top div .producto-seleccionado .comp_izq span {
  background-color: #FFF;
  font-family: "Open Sans";
  color: #000000;
  padding: 0;
  margin: 0;
  margin-right: 20px;
}
#comparador-top #productos-comparar-top div .producto-seleccionado .comp_der .btn-borrar {
  background-color: #FFF;
  color: #000;
  box-shadow: none;
  border-radius: 100%;
  border: 0;
  font-size: 16px;
}
#comparador-top #productos-comparar-top div .producto-seleccionado .comp_der .btn-borrar:hover {
  color: #E30613;
  cursor: pointer;
}
#comparador-top #btnComparar {
  color: #FFF;
  font-size: 16px;
  padding: 10px 15px;
  cursor: pointer;
  background-color: #000;
  text-align: center;
  margin: 10px 20px 20px;
  width: min-content;
}
#comparador-top #btnComparar.disabled {
  pointer-events: none;
  color: #b7b7b7;
  cursor: not-allowed;
  background-color: #e6e6e6;
}
#comparador-top #btnComparar:hover {
  opacity: 0.6;
}

#comparador-top.active {
  left: 0;
}

@media only screen and (max-width: 820px) {
  #comparador-top button.comparador-cerrar {
    position: absolute;
    right: 1px;
    top: 1px;
    color: #FFF;
    border: 0;
    cursor: pointer;
    padding: 7px 10px;
    font-size: 16px;
    background-color: transparent;
  }
  #comparador-top .comparador {
    background-color: #000;
    color: #FFF;
    width: auto;
    padding: 10px 20px;
    font-family: "Open Sans";
    margin-bottom: 20px;
    font-size: 16px;
  }
  #comparador-top #mensaje-comparar-top {
    color: #E30613;
    font-size: 13px;
    margin: 0 20px 0;
  }
  #comparador-top #productos-comparar-top {
    margin: 0 20px 10px;
  }
  #comparador-top #productos-comparar-top div .producto-seleccionado {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
    padding: 5px 0;
    justify-content: space-between;
  }
  #comparador-top #productos-comparar-top div .producto-seleccionado .comp_izq {
    display: flex;
    align-items: center;
  }
  #comparador-top #productos-comparar-top div .producto-seleccionado .comp_izq img {
    max-height: 50px;
  }
  #comparador-top #productos-comparar-top div .producto-seleccionado .comp_izq span {
    background-color: #FFF;
    font-family: "Open Sans";
    color: #000000;
    padding: 0;
    margin: 0;
    margin-right: 20px;
    font-size: 16px;
  }
  #comparador-top #productos-comparar-top div .producto-seleccionado .comp_der .btn-borrar {
    background-color: #FFF;
    color: #000;
    box-shadow: none;
    border-radius: 100%;
    border: 0;
    font-size: 16px;
  }
  #comparador-top #productos-comparar-top div .producto-seleccionado .comp_der .btn-borrar:hover {
    color: #E30613;
    cursor: pointer;
  }
  #comparador-top #btnComparar {
    color: #FFF;
    font-size: 16px;
    padding: 10px 15px;
    cursor: pointer;
    background-color: #000;
    text-align: center;
    margin: 10px 20px 20px;
    width: min-content;
  }
  #comparador-top #btnComparar.disabled {
    pointer-events: none;
    color: #b7b7b7;
    cursor: not-allowed;
    background-color: #e6e6e6;
  }
  #comparador-top #btnComparar:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 820px) {
  article.tablas section.ficha-producto div.cabecera-producto-destacado {
    height: 130vw;
  }
  article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute {
    flex-direction: column;
    align-items: center;
  }
  article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo {
    width: 70vw;
    margin: 2vw;
  }
  article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo div.head {
    height: 10vw;
    max-width: 90vw;
  }
  article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo div.head img {
    width: 100%;
  }
  article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo div.head p {
    font-size: 400%;
  }
  article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo div.foot {
    height: 10vw;
    max-width: 90vw;
  }
  article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo div.foot p {
    font-size: 400%;
  }
  article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.titulo div.foot img {
    width: 100%;
  }
  article.tablas section.ficha-producto div.cabecera-producto-destacado div.wrap-absolute div.img-litte {
    width: 98%;
    height: 60vw;
    border: 1vw solid #E30613;
  }
  article.tablas section.ficha-producto div.wraper {
    display: flex;
    flex-direction: column;
  }
  article.tablas section.ficha-producto div.wraper div.left {
    width: 100%;
    padding: 0vw;
    padding-top: 5vw;
    padding-bottom: 3vw;
    flex-direction: column;
    justify-content: center;
  }
  article.tablas section.ficha-producto div.wraper div.left div.head {
    display: flex;
    flex-direction: column;
  }
  article.tablas section.ficha-producto div.wraper div.left div.head img {
    width: 23vw;
  }
  article.tablas section.ficha-producto div.wraper div.left div.head h2 {
    font-size: 330%;
  }
  article.tablas section.ficha-producto div.wraper div.left div.head h2 img {
    width: auto;
    max-height: 3vw;
    min-width: 20vw;
  }
  article.tablas section.ficha-producto div.wraper div.left div.head h3 {
    font-size: 380%;
  }
  article.tablas section.ficha-producto div.wraper div.left div.head h3 img {
    width: 100%;
    min-height: 15vw;
    max-height: 35vw;
  }
  article.tablas section.ficha-producto div.wraper div.left div.head p {
    font-size: 300%;
  }
  article.tablas section.ficha-producto div.wraper div.left div.pic {
    position: relative;
  }
  article.tablas section.ficha-producto div.wraper div.left div.pic img {
    width: 60vw;
  }
  article.tablas section.ficha-producto div.wraper div.left div.pic .especial {
    width: 5vw;
    position: absolute;
    right: 10%;
    top: 0;
  }
  article.tablas section.ficha-producto div.wraper div.left div.pic .especial img {
    width: 15vw;
  }
  article.tablas section.ficha-producto div.wraper div.left div.foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  article.tablas section.ficha-producto div.wraper div.left div.foot a.btn-descarga {
    font-size: 200%;
  }
  article.tablas section.ficha-producto div.wraper div.left div.foot img {
    width: 4vw;
    margin-left: 0.5vw;
    margin-right: 2vw;
  }
  article.tablas section.ficha-producto div.wraper div.right {
    width: 100%;
  }
  article.tablas section.ficha-producto div.wraper div.right h4 {
    font-size: 320%;
    line-height: 120%;
    padding-bottom: 2vw;
    max-width: 90%;
  }
  article.tablas section.ficha-producto div.wraper div.right a.action-desplegable-tabla {
    padding-bottom: 4vw;
  }
  article.tablas section.ficha-producto div.wraper div.right a.action-desplegable-tabla p {
    font-size: 90%;
  }
  article.tablas section.ficha-producto div.wraper div.right a.action-desplegable-tabla img {
    width: 4vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.desplegable {
    display: none;
    padding-bottom: 3vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.desplegable ul {
    padding-bottom: 2vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.desplegable ul li {
    font-size: 250%;
    line-height: 130%;
  }
  article.tablas section.ficha-producto div.wraper div.right div.desplegable p {
    font-size: 220%;
  }
  article.tablas section.ficha-producto div.wraper div.right table {
    margin-bottom: 3vw;
  }
  article.tablas section.ficha-producto div.wraper div.right table tbody tr {
    height: 1vw;
    width: 100%;
  }
  article.tablas section.ficha-producto div.wraper div.right table tbody tr th {
    font-size: 200%;
    font-weight: 400;
  }
  article.tablas section.ficha-producto div.wraper div.right table tbody tr td {
    font-size: 200%;
  }
  article.tablas section.ficha-producto div.wraper div.right table tbody tr.separata {
    height: 0px;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.title {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.title p {
    font-size: 300%;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap {
    padding-bottom: 1rem;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info {
    margin-bottom: 1.5vw;
    margin-right: 3vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info p {
    font-size: 200%;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.img img {
    width: 6vw;
    height: 6vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.img img.stamp {
    width: 6vw;
    margin-left: 2vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.square {
    width: 7vw;
    height: 7vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info p {
    font-size: 200%;
    padding-bottom: 1.5vw;
    max-width: 50vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info a.action-reference {
    font-size: 180%;
    padding-right: 2vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info div.reference p {
    font-size: 180%;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info .reference.active {
    display: flex;
  }
  article.tablas .desktopdest {
    width: 100% !important;
  }
  .categorias {
    height: 103vw;
    background-color: #FFFFFF;
    padding: 0 0 13vw;
    margin: 0;
    border-bottom: 1px solid #898989;
  }
  .categorias div.cabecera-producto-destacado {
    display: flex;
    margin-top: 0vw !important;
  }
  .categorias div.cabecera-producto-destacado .ofcover {
    display: none;
  }
  .categorias div.cabecera-producto-destacado .responsive {
    display: flex;
    width: 90vw;
  }
  .categorias div.cabecera-producto-destacado div.wrap-absolute div.img-litte {
    width: fit-content !important;
    margin: 4vw 0;
    padding: 0 2vw;
    height: 15vw !important;
    border: 0 !important;
  }
  .categorias div.cabecera-producto-destacado div.wrap-absolute div.img-litte img {
    width: 100% !important;
  }
  .columnas {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: flex-start;
  }
  .columna {
    padding: 0px;
    width: 100% !important; /*Ancho de los productos*/
    box-sizing: border-box;
    display: none;
    flex-direction: inherit;
    margin-top: 2vw;
    min-height: auto;
    border-top: 0px !important;
    justify-content: space-between;
    margin: 2vw !important;
  }
  .columna .left {
    width: 100%;
    padding: 0vw;
    padding-top: 5vw;
    padding-bottom: 3vw;
    flex-direction: column;
    justify-content: center;
  }
  .columna .foot {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .columna .right {
    padding-top: 3vw !important;
  }
  .columna:nth-child(even) {
    border-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  article.tablas section.ficha-producto div.wraper div.left div.foot a.btn-descarga {
    font-size: 250%;
  }
  article.tablas section.ficha-producto div.wraper div.left div.foot p {
    font-size: 250%;
    margin: 5px auto;
  }
  article.tablas section.ficha-producto div.wraper div.right h4 {
    font-size: 380%;
  }
  article.tablas section.ficha-producto div.wraper div.right a.action-desplegable-tabla p {
    font-size: 100%;
  }
  article.tablas section.ficha-producto div.wraper div.right a.action-desplegable-tabla img {
    width: 15px;
  }
  article.tablas section.ficha-producto div.wraper div.right div.desplegable ul li {
    font-size: 300%;
  }
  article.tablas section.ficha-producto div.wraper div.right div.desplegable p {
    font-size: 280%;
  }
  article.tablas section.ficha-producto div.wraper div.right table tbody tr {
    height: 1vw;
    width: 100%;
  }
  article.tablas section.ficha-producto div.wraper div.right table tbody tr th {
    font-size: 230%;
  }
  article.tablas section.ficha-producto div.wraper div.right table tbody tr td {
    font-size: 230%;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.title {
    padding-top: 3vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.title p {
    font-size: 340%;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap {
    /*  .info.picto{align-items:center;
         p.picto-color{font-size:80%; margin-left: 10px;}
      } */
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info p {
    font-size: 240%;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.img img {
    width: 6vw;
    height: 6vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.img img.stamp {
    width: 12vw;
    margin-left: 2vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.square {
    width: 6vw;
    height: 6vw;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info p {
    font-size: 240%;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info a.action-reference {
    font-size: 240%;
  }
  article.tablas section.ficha-producto div.wraper div.right div.icons-line div.wrap div.info div.wrap-info div.reference p {
    font-size: 230%;
  }
}
article.tabla_comparar {
  padding: 3vw 5vw 5vw;
}
article.tabla_comparar section.tabla table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  font-size: 80%;
  line-height: 120%;
}
article.tabla_comparar section.tabla table thead {
  border-bottom: 1px solid #000;
}
article.tabla_comparar section.tabla table thead tr .tresProdFirst {
  width: 16%;
}
article.tabla_comparar section.tabla table thead tr .tresProd {
  width: 28%;
}
article.tabla_comparar section.tabla table thead tr .dosProdFirst {
  width: 20%;
}
article.tabla_comparar section.tabla table thead tr .dosProd {
  width: 40%;
}
article.tabla_comparar section.tabla table tbody {
  font-size: 90%;
  line-height: 120%;
}
article.tabla_comparar section.tabla table tbody tr:first-child {
  font-weight: bold;
  text-align: center;
}
article.tabla_comparar section.tabla table tbody tr:first-child th:first-child {
  text-align: left;
}
article.tabla_comparar section.tabla table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}
article.tabla_comparar section.tabla table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}
article.tabla_comparar section.tabla table tbody tr th:first-child {
  font-weight: bold;
}
article.tabla_comparar section.tabla table tbody tr th {
  padding: 20px;
}

@media only screen and (max-width: 767px) {
  article.tabla_comparar {
    padding: 3vw 1vw 5vw;
  }
  article.tabla_comparar section.tabla {
    width: 100%; /* Cambiado de 90vw a 100% para ocupar todo el ancho disponible */
    overflow-x: auto; /* Añadido overflow-x: auto para habilitar el scroll horizontal */
    position: relative;
  }
  article.tabla_comparar section.tabla table {
    display: block;
    overflow-y: hidden;
  }
  article.tabla_comparar section.tabla table img {
    height: auto;
  }
  article.tabla_comparar section.tabla table thead tr .tresProdFirst {
    width: 35%;
  }
  article.tabla_comparar section.tabla table thead tr .tresProd {
    width: 50%;
    min-width: 180px;
  }
  article.tabla_comparar section.tabla table thead tr .dosProdFirst {
    width: 30%;
  }
  article.tabla_comparar section.tabla table thead tr .dosProd {
    width: 50%;
    min-width: 180px;
  }
  article.tabla_comparar section.tabla table tbody {
    font-size: 380%;
  }
  article.tabla_comparar section.tabla table tbody tr:first-child {
    font-weight: bold;
  }
  article.tabla_comparar section.tabla table tbody tr:nth-child(even) {
    background-color: #f2f2f2;
  }
  article.tabla_comparar section.tabla table tbody tr:nth-child(odd) {
    background-color: #ffffff;
  }
  article.tabla_comparar section.tabla table tbody tr th:first-child {
    font-weight: bold;
  }
  article.tabla_comparar section.tabla table tbody tr th {
    padding: 20px;
  }
}
.share-layer {
  display: none;
  position: fixed;
  bottom: 25%;
  left: -100vw;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  z-index: 1000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
  transition: all 0.6s;
}
.share-layer button {
  position: absolute;
  right: 1px;
  top: 1px;
  color: #FFF;
  border: 0;
  cursor: pointer;
  padding: 8px 10px;
  font-size: 16px;
  background-color: transparent;
}
.share-layer button:hover {
  color: #E30613;
}
.share-layer p {
  text-transform: uppercase;
  font-family: "Open Sans";
  color: #FFF;
  padding: 10px 50px 9px 20px;
  font-size: 90%;
  margin: 0;
  background-color: #000;
  width: auto;
  font-weight: 600;
}
.share-layer a {
  font-size: 16px;
  display: flex;
  margin: 5px 0;
  padding: 10px 20px 0;
}
.share-layer a:hover {
  color: #E30613;
}
.share-layer img {
  width: 18px;
  margin-right: 5px;
}

.share-layer.active {
  left: 0;
}

@media only screen and (max-width: 820px) {
  .share-layer {
    display: none;
    position: fixed;
    bottom: 25%;
    left: -100vw;
    padding: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    transition: all 0.6s;
    min-width: 200px;
  }
  .share-layer button {
    position: absolute;
    right: 1px;
    top: 1px;
    color: #FFF;
    border: 0;
    cursor: pointer;
    padding: 7px 10px;
    font-size: 16px;
    background-color: transparent;
  }
  .share-layer button:hover {
    color: #E30613;
  }
  .share-layer p {
    text-transform: uppercase;
    font-family: "Open Sans";
    color: #FFF;
    padding: 10px 50px 9px 20px;
    font-size: 16px;
    margin: 0;
    background-color: #000;
    width: auto;
    font-weight: 600;
  }
  .share-layer a {
    font-size: 16px;
    display: flex;
    margin: 5px 0;
    padding: 10px 20px 0;
  }
  .share-layer a:hover {
    color: #E30613;
  }
  .share-layer img {
    width: 18px;
    margin-right: 5px;
  }
}
@media only screen and (min-width: 820px) {
  .share-layer #whatsapp-share {
    display: none;
  }
}
/*color corporativo*/
/* fondo body*/
/* fondo body*/
/* forest green*/
article.popup-calculadora {
  padding: 20px;
  display: none;
  text-align: center;
}
article.popup-calculadora h1 {
  color: #000000;
  font-size: 140%;
}

.familias-calculadora.active {
  display: flex;
}

.span4 {
  margin: 10px 0;
}
.span4 input {
  width: 100%;
}

.hide-input {
  display: none;
}

.span4 input {
  width: 100%;
  text-align: center;
  margin: 10px 0;
  padding: 5px;
}

.resultado {
  background-color: #000000;
  color: #FFFFFF;
  padding: 15px;
}

@media only screen and (max-width: 767px) {
  article.popup-calculadora h1 {
    font-size: 550%;
  }
  article.popup-calculadora h2 {
    font-size: 400%;
    margin-bottom: 15px;
  }
  article.popup-calculadora label {
    font-size: 350%;
  }
  .span4 input {
    font-size: 350%;
  }
}
.sate-1 {
  background-image: url("/dist/images/SATE-fondo_cabecera.jpg");
}

.subcategoria {
  color: #E30613;
  font-weight: 600;
  margin: -1vw 0 1vw;
}

article.sate {
  width: 100%;
  height: 100%;
}
article.sate section .banner {
  display: flex;
  margin: 9vw 0 0;
  background-position: top;
  background-size: cover;
  align-items: center;
  justify-content: space-between;
}
article.sate section .banner .texto {
  padding: 5vw 5vw 7vw 0;
  width: 30vw;
  margin: 0 5vw;
}
article.sate section .banner .texto h1 {
  color: #E30613;
  font-size: 200%;
  margin: 0 0 1vw;
}
article.sate section .banner .texto h2 {
  font-size: 250%;
  font-family: "Open Sans";
  font-weight: 100;
  margin: 0 0 1vw;
}
article.sate section .banner .texto p {
  font-weight: 100;
  line-height: 120%;
}
article.sate section .banner .texto em {
  font-size: 140%;
}
article.sate section .banner .imagen {
  width: 40vw;
  margin-right: 5vw;
  margin-left: 5vw;
}
article.sate section .banner .imagen img {
  width: 100%;
}

.sate section .wrap-absolute {
  margin: 0 auto;
}
.sate section .wrap-absolute .wrap-content {
  margin: 0 4vh;
}
.sate section .wrap-absolute .wrap-content .sate-inferiores {
  display: flex;
  justify-content: space-around;
  margin-top: 3vw;
}
.sate section .wrap-absolute .wrap-content .sate-inferiores h1 {
  width: 80%;
  color: #E30613;
  font-weight: 600;
  font-size: 110%;
}
.sate section .wrap-absolute .wrap-content .sate-inferiores h2 {
  width: 80%;
  height: 2vw;
  margin-top: 0.5vw;
  font-size: 90%;
}
.sate section .wrap-absolute .wrap-content .sate-inferiores .group-familias {
  width: 25vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin-bottom: 5vw;
}
.sate section .wrap-absolute .wrap-content .sate-inferiores .group-familias .sate-imagen {
  margin: 1vw 0 1vw 0;
}
.sate section .wrap-absolute .wrap-content .sate-inferiores .group-familias .sate-imagen img {
  width: 80%;
  margin: 0 10%;
  border-bottom: 1px solid #cccccc;
}
.sate section .wrap-absolute .wrap-content .sate-inferiores .group-familias p {
  width: 80%;
  line-height: 140%;
  color: #000000;
  font-size: 75%;
  text-align: left;
  min-height: 2vw;
  padding-top: 0vw;
  margin-bottom: 5px;
  transition: 0.6s;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 2vw;
}

@media only screen and (min-width: 1350px) {
  article.sate {
    width: 100%;
    height: 100%;
  }
  article.sate section .banner {
    display: flex;
    margin: 6vw 0 0;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sate section .banner .texto {
    padding: 5vw 5vw 7vw 0;
    width: 30vw;
    margin: 0 3vw;
  }
  article.sate section .banner .texto h1 {
    color: #E30613;
    font-size: 200%;
    margin: 0 0 1vw;
  }
  article.sate section .banner .texto h2 {
    font-size: 250%;
    font-family: "Open Sans";
    font-weight: 100;
    margin: 0 0 1vw;
  }
  article.sate section .banner .texto p {
    font-weight: 100;
    line-height: 120%;
  }
}
@media only screen and (max-width: 820px) {
  article.sate {
    width: 100%;
  }
  article.sate section .banner {
    display: flex;
    margin: 13vw 0 0;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.sate section .banner .texto {
    padding: 5vw 5vw;
    width: 30vw;
  }
  article.sate section .banner .texto h1 {
    color: #E30613;
    font-size: 200%;
    margin: 0 0 1vw;
  }
  article.sate section .banner .texto h2 {
    font-size: 250%;
    font-family: "Open Sans";
    font-weight: 100;
    margin: 0 0 1vw;
  }
  article.sate section .banner .texto p {
    font-weight: 100;
    line-height: 120%;
  }
  article.sate {
    height: 100%;
  }
  article.sate section div.wrap-absolute div.wrap-content {
    width: 100vw;
    margin: 5vw auto;
  }
  article.sate section div.wrap-absolute div.wrap-content .sate-inferiores {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5vw;
    justify-content: space-around;
    align-items: center;
    width: 100%;
  }
  article.sate section div.wrap-absolute div.wrap-content .sate-inferiores h1 {
    width: 80%;
    color: #E30613;
    font-weight: 600;
    font-size: 430%;
  }
  article.sate section div.wrap-absolute div.wrap-content .sate-inferiores h2 {
    width: 80%;
    height: 2vw;
    font-size: 230%;
  }
  article.sate section div.wrap-absolute div.wrap-content .sate-inferiores .group-familias {
    width: 100vw;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 15vw;
    vertical-align: middle;
  }
  article.sate section div.wrap-absolute div.wrap-content .sate-inferiores .group-familias .sate-imagen {
    width: 90vw;
    margin: 1vw 0 1vw 0;
  }
  article.sate section div.wrap-absolute div.wrap-content .sate-inferiores .group-familias .sate-imagen img {
    width: 90%;
    margin: 0 5%;
    border-bottom: 1px solid #CCCCCC;
  }
  article.sate section div.wrap-absolute div.wrap-content .sate-inferiores .group-familias p {
    width: 80%;
    color: #000000;
    font-size: 180%;
    text-align: left;
    min-height: 2vw;
    padding-top: 1vw;
    margin: 0 10%;
    transition: 0.6s;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 3vw;
  }
}
@media only screen and (max-width: 767px) {
  .sate-1 {
    background-image: url("/dist/images/SATE-fondo_cabecera.jpg");
    background-position: left !important;
  }
  article.sate {
    width: 100%;
    height: 100%;
  }
  article.sate section .banner {
    display: flex;
    margin: 21vw auto 0;
    padding: 0 0 10vw;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
    flex-wrap: wrap;
  }
  article.sate section .banner .texto {
    padding: 5vw;
    width: 90vw;
  }
  article.sate section .banner .texto h1 {
    color: #E30613;
    font-size: 600%;
    margin: 0 auto 2vw;
  }
  article.sate section .banner .texto h2 {
    font-size: 600%;
    font-family: "Open Sans";
    font-weight: 100;
    margin: 0 auto 2vw;
    line-height: 120%;
  }
  article.sate section .banner .texto p {
    font-size: 300%;
    font-weight: 100;
    line-height: 140%;
  }
  article.sate section .banner .imagen {
    width: 80vw;
    margin: 0vw 10vw;
  }
  article.sate section .banner .imagen img {
    width: 100%;
  }
}
/*color corporativo*/
/* fondo body*/
/* fondo body*/
/* forest green*/
.tarifa {
  width: 90%;
  margin: auto;
  padding-bottom: 10vw;
}
.tarifa section.ficha-producto {
  display: flex;
  width: 100%;
  margin-top: 2vw;
  border-top: 1px solid rgb(137, 137, 137);
}
.tarifa section.ficha-producto div.wraper {
  display: flex;
  width: 100%;
  margin-top: 2vw;
  flex-wrap: wrap;
}
.tarifa section.ficha-producto div.wraper .cabecera-tarifa {
  width: 90vw;
}
.tarifa section.ficha-producto div.wraper .cabecera-tarifa h1 {
  color: #E30613;
  font-size: 250%;
}
.tarifa section.ficha-producto div.wraper .leyenda {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 0 3.5vw;
  font-size: 80%;
  text-align: left;
  line-height: 140%;
}
.tarifa section.ficha-producto div.wraper .leyenda .use {
  display: flex;
  gap: 4vw;
}
.tarifa section.ficha-producto div.wraper .leyenda .use .ocultar {
  height: 1vw;
  padding: 0 0 0.5vw 1.5vw;
  background-image: url("../images/ico-movertablaVERT-black.svg");
  background-repeat: no-repeat;
  background-size: 1vw;
  background-position: left 0.5vw;
}
.tarifa section.ficha-producto div.wraper .leyenda .use .ordenar {
  height: 1vw;
  margin: 0 0;
  padding: 0 0 0.5vw 1.5vw;
  background-image: url("../images/ico-visualizar-black.svg");
  background-repeat: no-repeat;
  background-size: 1vw;
  background-position: left 0.5vw;
}
.tarifa section.ficha-producto div.wraper .leyenda .use .mover {
  height: 1vw;
  margin: 0 0;
  padding: 0 0 0.5vw 1.5vw;
  background-image: url("../images/ico-mover.svg");
  background-repeat: no-repeat;
  background-size: 1vw;
  background-position: left 0.5vw;
}
.tarifa section.ficha-producto div.wraper .leyenda .use .seleccionar {
  height: 1vw;
  margin: 0 0;
  padding: 0 0 0.5vw 1.5vw;
  background-image: url("../images/ico-select-black.svg");
  background-repeat: no-repeat;
  background-size: 1vw;
  background-position: left 0.5vw;
}
.tarifa section.ficha-producto div.wraper .leyenda .export button {
  background-color: #E30613;
  border: 0;
  margin: 1vw 0 0;
  padding: 1vw;
  color: #FFFFFF;
  cursor: pointer;
}
.tarifa section.ficha-producto div.wraper .leyenda .export button:hover {
  opacity: 0.6;
}
.tarifa section.ficha-producto div.wraper .cabecera {
  margin: 2vw 0;
}
.tarifa section.ficha-producto div.wraper .cabecera section {
  width: 100%;
}
.tarifa section.ficha-producto div.wraper .container {
  position: relative;
  font-size: 80%;
  font-weight: 100;
  text-align: center;
}
.tarifa section.ficha-producto div.wraper .container__menu {
  /* Absolute position */
  position: absolute;
  /* Reset */
  list-style-type: none;
  margin: 0;
  padding: 0;
  /* Misc */
  background-color: #FFFFFF;
  border: 1px solid #cbd5e0;
  border-radius: 0.25rem;
  padding: 0.5rem;
}
.tarifa section.ficha-producto div.wraper .container__menu--hidden {
  display: none;
}
.tarifa section.ficha-producto div.wraper .table {
  border-collapse: collapse;
  width: 90vw;
}
.tarifa section.ficha-producto div.wraper .table img {
  width: 2vw;
  margin-bottom: 0.5vw;
}
.tarifa section.ficha-producto div.wraper .table a {
  font-size: 100%;
}
.tarifa section.ficha-producto div.wraper .table thead {
  background-color: #000000;
  color: #FFFFFF;
  position: sticky;
  top: 17vw;
  z-index: 0;
}
.tarifa section.ficha-producto div.wraper .table thead button {
  color: #FFFFFF;
  font-size: 100%;
}
.tarifa section.ficha-producto div.wraper .table thead.thead-navup {
  top: 4vw;
}
.tarifa section.ficha-producto div.wraper .table,
.tarifa section.ficha-producto div.wraper .table th,
.tarifa section.ficha-producto div.wraper .table td {
  border: 1px solid #FFFFFF;
}
.tarifa section.ficha-producto div.wraper .table th,
.tarifa section.ficha-producto div.wraper .table td {
  padding: 0.5rem;
}
.tarifa section.ficha-producto div.wraper .table th {
  user-select: none;
}
.tarifa section.ficha-producto div.wraper .table {
  border-collapse: collapse;
}
.tarifa section.ficha-producto div.wraper .table__header {
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.tarifa section.ficha-producto div.wraper .table,
.tarifa section.ficha-producto div.wraper .table th,
.tarifa section.ficha-producto div.wraper .table td {
  border: 1px solid #FFFFFF;
}
.tarifa section.ficha-producto div.wraper .table th,
.tarifa section.ficha-producto div.wraper .table td {
  padding: 0.5rem;
}
.tarifa section.ficha-producto div.wraper .table th {
  cursor: all-scroll;
  text-decoration: underline;
}
.tarifa section.ficha-producto div.wraper .table th::after {
  cursor: pointer;
}
.tarifa section.ficha-producto div.wraper .table th::before {
  cursor: pointer;
}

#searchEnvase {
  border: 0;
  border-bottom: 1px solid #b2b2b2;
  font-family: "Open Sans";
  font-size: 110%;
}

input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b2b2b2;
  opacity: 1; /* Firefox */
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b2b2b2;
}

input::-ms-input-placeholder { /* Microsoft Edge */
  color: #b2b2b2;
}

div.dt-buttons .dt-button {
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #E30613;
  background: #E30613;
  border: 0;
  margin: 0 0;
  padding: 0.5vw;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 0;
}

button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled), input.dt-button:hover:not(.disabled) {
  border: 0 !important;
  background-color: none !important;
  background: #000000 !important;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  position: fixed;
  top: 14vw;
  z-index: 1;
}

.dataTables_wrapper .dataTables_filter-navup {
  float: right;
  text-align: right;
  position: fixed;
  top: 1.1vw;
  z-index: 1;
}

.dt-buttons {
  margin-bottom: 20px !important;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before {
  bottom: 60% !important;
  opacity: 0.5 !important;
  content: "▲";
}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after {
  top: 60% !important;
  opacity: 0.5 !important;
  content: "▼";
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 1 !important;
  color: #E30613 !important;
}

button.dt-button {
  background: #E30613;
}

.dt-buttons span {
  font-family: "Open Sans";
  text-transform: unset;
  font-weight: 400;
}

div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 0 !important;
  border: 0 !important;
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  box-sizing: border-box;
}

#example {
  margin-top: 1vw;
}

.todosButtons {
  display: flex;
  justify-content: space-between;
  margin-top: 2vw;
}

.izqButtons {
  display: flex;
}
.izqButtons .btn-ayuda {
  margin-left: 0.5vw;
}
.izqButtons .btn-select-view {
  margin-left: 0.5vw;
}

.derButtons {
  display: flex;
}
.derButtons .exportar {
  height: 1vw;
  padding: 0.5vw 0 0.5vw 2vw;
  background-image: url("../images/export.svg");
  background-repeat: no-repeat;
  background-size: 1vw;
  background-position: 0.7vw center;
  margin-right: 10px;
  margin-top: 0.3vw;
  font-size: 90%;
}

.buttons-columnVisibility {
  background: #CCCCCC !important;
}

.buttons-columnVisibility.active {
  background: #E30613 !important;
}

div.dt-button-collection button.dt-button {
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 0 1px 0 !important;
}

div.dt-button-collection button.dt-button:last-child {
  margin: 0 !important;
}

#columnVisibilityButtons {
  text-align: left;
}

button#showAllColumns {
  background: #E30613;
  padding: 0.67vw !important;
  font-size: 80%;
  font-family: "Open Sans";
  font-weight: 400;
  color: #FFF;
  border: 0;
  margin-left: 7px;
  cursor: pointer;
  box-shadow: none !important;
}

button#ayuda {
  background: #E30613;
  padding: 0.5vw !important;
  font-size: 90%;
  font-family: "Open Sans";
  font-weight: 400;
  color: #FFF;
  border: 0;
  margin-right: 7px;
  cursor: pointer;
  box-shadow: none !important;
  height: 2.4vw;
}

button.btn-select-view {
  background: #E30613;
  padding: 0.5vw !important;
  font-size: 90%;
  font-family: "Open Sans";
  font-weight: 400;
  color: #FFF;
  border: 0;
  cursor: pointer;
  box-shadow: none !important;
  height: 2.4vw;
}

button#ayuda:hover {
  background-color: #000000;
}

button.btn-select-view:hover {
  background-color: #000000;
}

#example_wrapper .dt-buttons {
  display: none;
}

.dataTables_info span {
  font-family: "Open Sans";
}

.dataTables_info .select-info {
  margin-left: 1vw;
}

@media only screen and (min-width: 1350px) {
  .tarifa section.ficha-producto div.wraper .table thead {
    top: 14vw;
  }
  .dataTables_wrapper .dataTables_filter {
    top: 11vw;
  }
}
@media only screen and (max-width: 820px) {
  article.tablas section.ficha-producto div.wraper {
    display: flex;
    flex-direction: column;
  }
  article.tablas section.ficha-producto div.wraper .leyenda {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 1vw 0;
    font-size: 80%;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .use .ocultar {
    height: 1vw;
    padding: 0.5vw 0 0.5vw 2vw;
    background-image: url("../images/ico-movertablaVERT-black.svg");
    background-repeat: no-repeat;
    background-size: 1.5vw;
    background-position: left center;
    font-size: 120%;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .use .ordenar {
    height: 1vw;
    margin: 1vw 0 0;
    padding: 0.5vw 0 0.5vw 2vw;
    background-image: url("../images/ico-visualizar-black.svg");
    background-repeat: no-repeat;
    background-size: 1.5vw;
    background-position: left center;
    font-size: 120%;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .use .mover {
    height: 1vw;
    margin: 1vw 0 0;
    padding: 0.5vw 0 0.5vw 2vw;
    background-image: url("../images/ico-mover.svg");
    background-repeat: no-repeat;
    background-size: 1.5vw;
    background-position: left center;
    font-size: 120%;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .use .seleccionar {
    height: 1vw;
    margin: 1vw 0 0;
    padding: 0.5vw 0 0.5vw 2vw;
    background-image: url("../images/ico-select.svg");
    background-repeat: no-repeat;
    background-size: 1.5vw;
    background-position: left center;
    font-size: 120%;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .export button {
    background-color: #E30613;
    border: 0;
    margin: 1vw 0 0;
    padding: 1vw;
    color: #FFFFFF;
    cursor: pointer;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .export button:hover {
    opacity: 0.6;
  }
  article.tablas section.ficha-producto div.wraper .container {
    position: relative;
  }
  .tarifa section.ficha-producto div.wraper .table thead {
    top: 30vw;
  }
  .dataTables_wrapper .dataTables_filter {
    top: 24vw;
    font-size: 230%;
  }
  .dataTables_wrapper .dataTables_filter-navup {
    font-size: 200%;
    top: 2.5vw;
    z-index: 1;
  }
}
@media only screen and (max-width: 767px) {
  article.tablas .cabecera section div h4 {
    font-size: 250%;
  }
  article.tablas section.ficha-producto div.wraper .cabecera-tarifa {
    font-size: 100%;
  }
  article.tablas section.ficha-producto div.wraper .cabecera-tarifa h1 {
    font-size: 450%;
  }
  article.tablas section.ficha-producto div.wraper .leyenda {
    width: 100%;
    display: block;
    margin: 0 0 3vw 0;
    font-size: 80%;
    height: auto;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .use {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .use .ocultar {
    height: auto;
    padding: 1vw 0 1vw 5vw;
    background-image: url("../images/ico-movertablaVERT-black.svg");
    background-repeat: no-repeat;
    background-size: 4vw;
    background-position: left center;
    font-size: 200%;
    line-height: 150%;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .use .ordenar {
    height: auto;
    padding: 1vw 0 1vw 5vw;
    background-image: url("../images/ico-visualizar-black.svg");
    background-repeat: no-repeat;
    background-size: 4vw;
    background-position: left center;
    font-size: 200%;
    line-height: 150%;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .use .mover {
    height: auto;
    padding: 1vw 0 1vw 5vw;
    background-image: url("../images/ico-mover.svg");
    background-repeat: no-repeat;
    background-size: 4vw;
    background-position: left center;
    font-size: 200%;
    line-height: 150%;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .use .seleccionar {
    height: auto;
    padding: 1vw 0 1vw 5vw;
    background-image: url("../images/ico-select-black.svg");
    background-repeat: no-repeat;
    background-size: 4vw;
    background-position: left center;
    font-size: 200%;
    line-height: 150%;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .export button {
    background-color: #E30613;
    border: 0;
    margin: 1vw 0 0;
    padding: 1vw;
    color: #FFFFFF;
    cursor: pointer;
  }
  article.tablas section.ficha-producto div.wraper .leyenda .export button:hover {
    opacity: 0.6;
  }
  article.tablas section.ficha-producto div.wraper .container {
    position: relative;
    display: flex;
  }
  article.tablas section.ficha-producto div.wraper .container .scroll {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
  }
  article.tablas section.ficha-producto div.wraper .container .table {
    font-size: 200%;
  }
  .tarifa {
    font-size: 160%;
  }
  .tarifa section.ficha-producto div.wraper .table thead {
    top: auto;
    position: initial;
  }
  .tarifero {
    display: none;
  }
  #searchEnvase {
    font-size: 450%;
    width: 100%;
  }
  .dataTables_wrapper .dataTables_filter input {
    font-size: 16px;
  }
  .dataTables_wrapper .dataTables_filter {
    top: 35vw;
    background-color: #FFF;
    width: 100%;
    padding: 2vw;
    text-align: left !important;
  }
  div.dt-buttons {
    float: none !important;
    text-align: left !important;
    font-size: 16px;
  }
  .demo-html {
    width: 90vw;
  }
  div.dt-button-collection {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 0 !important;
    border: 0 !important;
    background-color: white;
    overflow: hidden;
    z-index: 2002;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    box-sizing: border-box;
  }
  #example {
    margin-top: 1vw;
  }
  .todosButtons {
    display: flex;
    justify-content: space-between;
    margin-top: 5vw;
    flex-direction: column;
  }
  .izqButtons {
    display: flex;
    height: auto;
    flex-wrap: wrap;
    margin-bottom: 3vw;
  }
  .izqButtons #columnVisibilityButtons {
    display: flex;
    flex-direction: row-reverse;
  }
  .derButtons {
    display: flex;
  }
  .derButtons .exportar {
    height: auto;
    padding: 0vw 0 0.5vw 6.5vw;
    background-image: url("../images/export.svg");
    background-repeat: no-repeat;
    background-size: 3vw;
    background-position: 1vw 1vw;
    margin-right: 5px;
    margin-top: 0.5vw;
    font-size: 200%;
    width: 15vw;
    text-align: left;
  }
  .derButtons #exportButtons {
    margin-left: 0;
  }
  .derButtons #exportButtons .dt-buttons {
    height: auto;
  }
  .derButtons #exportButtons .dt-buttons .dt-button {
    padding: 0.5 1vw !important;
    width: 21.5vw;
  }
  .buttons-columnVisibility {
    background: #CCCCCC !important;
  }
  .buttons-columnVisibility.active {
    background: #E30613 !important;
  }
  div.dt-button-collection button.dt-button {
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 0 1px 0 !important;
  }
  div.dt-button-collection button.dt-button:last-child {
    margin: 0 !important;
  }
  #columnVisibilityButtons {
    text-align: left;
  }
  button#showAllColumns {
    background: #E30613;
    padding: 0.4vw !important;
    font-size: 180%;
    font-family: "Open Sans";
    font-weight: 400;
    color: #FFF;
    border: 0;
    margin-left: 5px;
    cursor: pointer;
    box-shadow: none !important;
    line-height: 100%;
    height: 7vw;
  }
  button#ayuda {
    background: #E30613;
    padding: 0.4vw 1vw !important;
    font-size: 14px;
    font-family: "Open Sans";
    font-weight: 400;
    color: #FFF;
    border: 0;
    margin-right: 4px;
    cursor: pointer;
    box-shadow: none !important;
    height: 30px;
  }
  button.btn-select-view {
    background: #E30613;
    padding: 0.4vw 1vw !important;
    font-size: 14px;
    font-family: "Open Sans";
    font-weight: 400;
    color: #FFF;
    border: 0;
    margin-right: 4px;
    cursor: pointer;
    box-shadow: none !important;
    height: 30px;
  }
  .dt-buttons {
    margin-bottom: 3vw !important;
  }
  .dt-buttons .dt-button {
    font-size: 14px;
    height: 30px;
  }
}
article.venta {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
}
article.venta section .banner {
  display: flex;
  margin: 9vw 0 0;
}
article.venta section .banner .texto {
  padding: 9vw 5vw 4vw;
  width: 50vw;
}
article.venta section .banner .texto h1 {
  color: #E30613;
  font-size: 200%;
  margin: 0 0 1vw;
}
article.venta section .banner .texto p {
  font-weight: 100;
  line-height: 120%;
}
article.venta section .banner .right {
  width: 50%;
  padding-left: 10%;
  text-align: right;
}
article.venta section .banner .right h2 {
  line-height: 90%;
  font-family: "Cormorant Garamond";
  font-size: 350%;
  font-weight: 100;
  margin: 0 0 1vw;
}
article.venta section .banner .right h2 p {
  font-size: 80%;
  font-family: "Cormorant Garamond";
  line-height: 100%;
}

.venta section .wrap-absolute {
  margin: 0;
}
.venta section .wrap-absolute .wrap-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.venta section .wrap-absolute .wrap-content .venta-inferiores {
  display: flex;
  width: 90%;
  margin: 3vw 5% 0;
  flex-wrap: wrap;
}
.venta section .wrap-absolute .wrap-content .venta-inferiores h2 {
  width: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 100%;
}
.venta section .wrap-absolute .wrap-content .venta-inferiores h3 {
  width: 100%;
  margin-top: 0.5vw;
}
.venta section .wrap-absolute .wrap-content .venta-inferiores .group-familias {
  width: 14.6%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0 1% 5vw 1%;
  text-align: center;
}
.venta section .wrap-absolute .wrap-content .venta-inferiores .group-familias .venta-imagen {
  width: 100%;
  margin: 1vw 0 1vw 0;
  height: 100%;
  align-items: center;
}
.venta section .wrap-absolute .wrap-content .venta-inferiores .group-familias .venta-imagen img {
  margin: 0;
  max-height: 100%;
  max-width: 100%;
}
.venta section .wrap-absolute .wrap-content .venta-inferiores .group-familias p {
  width: 100%;
  line-height: 140%;
  color: #000000;
  font-size: 100%;
  padding-top: 0.5vw;
  padding-bottom: 1vw;
}
.venta section .wrap-absolute .wrap-content .venta-inferiores .group-familias p a {
  font-size: 100%;
}

@media only screen and (min-width: 1350px) {
  article.venta {
    width: 100%;
    height: 100%;
  }
  article.venta section .banner {
    display: flex;
    margin: 6vw 0 0;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
  }
  article.venta section .banner .texto {
    padding: 9vw 5vw 4vw;
    width: 30vw;
  }
  article.venta section .banner .texto h2 {
    color: #E30613;
    font-size: 200%;
    margin: 0 0 1vw;
  }
  article.venta section .banner .texto h3 {
    font-size: 250%;
    font-family: "Open Sans";
    font-weight: 100;
    margin: 0 0 1vw;
  }
  article.venta section .banner .texto p {
    font-weight: 100;
    line-height: 2vw;
  }
  article.venta section .banner .right {
    width: 50%;
    padding-left: 10%;
    text-align: right;
  }
  article.venta section .banner .right h2 {
    font-family: "Cormorant Garamond";
    font-size: 350%;
    font-weight: 100;
    margin: 0 0 1vw;
  }
}
@media only screen and (max-width: 820px) {
  article.venta {
    width: 100%;
  }
  article.venta section .banner {
    display: flex;
    flex-wrap: wrap;
    margin: 16vw 0 0;
  }
  article.venta section .banner .texto {
    padding: 9vw 5vw 2vw;
    width: 90vw;
  }
  article.venta section .banner .texto h2 {
    color: #E30613;
    font-size: 400%;
    margin: 0 0 1vw;
  }
  article.venta section .banner .texto h3 {
    font-size: 450%;
    font-family: "Open Sans";
    font-weight: 100;
    margin: 0 0 1vw;
  }
  article.venta section .banner .texto p {
    font-size: 200%;
    font-weight: 100;
    line-height: 130%;
  }
  article.venta section .banner .right {
    width: 90vw;
    padding: 0vw 5vw 5vw;
    text-align: left;
  }
  article.venta section .banner .right h2 {
    font-family: "Cormorant Garamond";
    font-size: 550%;
    font-weight: 100;
    margin: 0 0 1vw;
  }
  article.venta {
    height: 100%;
  }
  article.venta section div.wrap-absolute div.wrap-content {
    width: 90vw;
    margin: 5vw auto;
  }
  article.venta section div.wrap-absolute div.wrap-content .venta-inferiores {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    justify-content: space-around;
    align-items: center;
    width: 90%;
  }
  article.venta section div.wrap-absolute div.wrap-content .venta-inferiores h2 {
    width: 80%;
    color: #E30613;
    font-weight: 600;
    font-size: 430%;
  }
  article.venta section div.wrap-absolute div.wrap-content .venta-inferiores h3 {
    width: 80%;
    height: 2vw;
    font-size: 330%;
    padding-top: 1vw;
  }
  article.venta section div.wrap-absolute div.wrap-content .venta-inferiores .group-familias {
    width: 90vw;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 15vw;
    vertical-align: middle;
  }
  article.venta section div.wrap-absolute div.wrap-content .venta-inferiores .group-familias .venta-imagen {
    width: 90vw;
    margin: 1vw 0 1vw 0;
  }
  article.venta section div.wrap-absolute div.wrap-content .venta-inferiores .group-familias .venta-imagen img {
    width: 90%;
    margin: 0 5%;
  }
  article.venta section div.wrap-absolute div.wrap-content .venta-inferiores .group-familias p {
    width: 80%;
    color: #000000;
    font-size: 300%;
    min-height: 2vw;
    padding-top: 2vw;
    margin: 0 10%;
    transition: 0.6s;
    padding-bottom: 3vw;
  }
}
@media only screen and (max-width: 767px) {
  article.venta {
    width: 100%;
    height: 100%;
  }
  article.venta section .banner {
    display: flex;
    margin: 21vw auto 0;
    padding: 13vw 0 0vw;
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: left;
  }
  article.venta section .banner .texto {
    padding: 9vw 5vw 0vw;
    width: 90vw;
  }
  article.venta section .banner .texto h2 {
    color: #E30613;
    font-size: 600%;
    margin: 0 auto 2vw;
  }
  article.venta section .banner .texto h3 {
    font-size: 400%;
    font-family: "Open Sans";
    font-weight: 100;
    margin: 0 auto 2vw;
    line-height: 14vw;
  }
  article.venta section .banner .texto p {
    font-size: 330%;
    font-weight: 100;
    line-height: 120%;
  }
  article.venta section .banner .right {
    width: 90vw;
    padding: 0vw 5vw 5vw;
    text-align: left;
  }
  article.venta section .banner .right h2 {
    font-family: "Cormorant Garamond";
    font-size: 750%;
    font-weight: 100;
    margin: 1vw 0;
    line-height: 90%;
  }
  article.venta section .selects .filters {
    display: flex;
    margin: -13.3vw -8vw 0 0%;
    font-size: 250%;
    z-index: 1;
    left: 63%;
    position: absolute;
    text-align: right;
  }
  article.venta section .selects .filters label {
    display: none;
  }
  article.venta section .selects .filters img {
    width: 2vw !important;
  }
}
/*color corporativo*/
/* fondo body*/
/* fondo body*/
/* forest green*/
.novedades {
  width: 90%;
  margin: auto;
  padding-top: 6vw;
  padding-bottom: 10vw;
}
.novedades section.categoria-novedad {
  display: flex;
  width: 100%;
  margin-top: 12vw;
}
.novedades section.categoria-novedad .wraper {
  display: flex;
  width: 100%;
}
.novedades section.categoria-novedad .wraper .textos {
  width: 50vw;
  background-color: #EDEDED;
  padding: 3vw 15vw 3vw 3vw;
}
.novedades section.categoria-novedad .wraper .textos .tag {
  text-transform: uppercase;
  margin: -4vw 0 0;
  background-color: #E30613;
  color: #FFFFFF;
  font-weight: 100;
  padding: 1vw;
  width: fit-content;
}
.novedades section.categoria-novedad .wraper .textos .titulo {
  margin: 2vw 0;
  font-size: 300%;
  line-height: 130%;
  font-weight: 200;
}
.novedades section.categoria-novedad .wraper .textos .titulo i {
  font-family: "Cormorant Garamond";
  font-size: 150%;
  font-weight: 600;
}
.novedades section.categoria-novedad .wraper .textos em {
  font-size: 140%;
}
.novedades section.categoria-novedad .wraper .textos .descripcion p {
  line-height: 180%;
  margin: 2vw 0;
  font-weight: 100;
}
.novedades section.categoria-novedad .wraper .foto {
  width: 30vw;
  right: 5vw;
  margin-top: -1vw;
  position: absolute;
}
.novedades section.categoria-novedad .wraper .foto img {
  width: 100%;
}
.novedades section.novedad {
  display: flex;
  width: 100%;
  margin-top: 1vw;
}
.novedades section.novedad .wraper {
  display: flex;
  width: 100%;
  flex-direction: row;
}
.novedades section.novedad .wraper .textos {
  width: 40vw;
  padding: 3vw 15vw 3vw 3vw;
}
.novedades section.novedad .wraper .textos .logo {
  width: 15vw;
}
.novedades section.novedad .wraper .textos .titulo {
  margin: 2vw 0;
  font-size: 200%;
  line-height: 130%;
  font-weight: 200;
}
.novedades section.novedad .wraper .textos .titulo i {
  font-family: "Cormorant Garamond";
  font-size: 150%;
  font-weight: 600;
}
.novedades section.novedad .wraper .textos em {
  font-size: 140%;
}
.novedades section.novedad .wraper .textos .descripcion p {
  line-height: 180%;
  margin: 2vw 0;
  font-weight: 100;
}
.novedades section.novedad .wraper .foto {
  width: 30vw;
  right: 5vw;
}
.novedades section.novedad .wraper .foto img {
  width: 100%;
}
.novedades section.novedad:nth-child(odd) .wraper {
  flex-direction: row-reverse;
}
.novedades section.novedad:nth-child(odd) .wraper .textos {
  width: 40vw;
  padding: 3vw 3vw 3vw 15vw;
}

.ancla_loultimo {
  scroll-margin-block: 10vw;
}

@media only screen and (max-width: 820px) {
  .novedades {
    width: 90%;
    margin: auto;
    padding-top: 16vw;
    padding-bottom: 10vw;
  }
  .novedades section.categoria-novedad {
    display: flex;
    width: 100%;
    margin-top: 12vw;
  }
  .novedades section.categoria-novedad .wraper {
    display: flex;
    width: 100%;
  }
  .novedades section.categoria-novedad .wraper .textos {
    width: 50vw;
    background-color: #EDEDED;
    padding: 3vw 15vw 3vw 3vw;
  }
  .novedades section.categoria-novedad .wraper .textos .tag {
    margin: -4vw 0 0;
    background-color: #E30613;
    color: #FFFFFF;
    font-weight: 100;
    padding: 1vw;
    width: fit-content;
    font-size: 140%;
  }
  .novedades section.categoria-novedad .wraper .textos .titulo {
    margin: 2vw 0;
    font-size: 300%;
  }
  .novedades section.categoria-novedad .wraper .textos .titulo i {
    font-family: "Cormorant Garamond";
    font-size: 150%;
    font-weight: 600;
  }
  .novedades section.categoria-novedad .wraper .textos .descripcion p {
    line-height: 180%;
    margin: 2vw 0;
    font-weight: 100;
    font-size: 150%;
  }
  .novedades section.categoria-novedad .wraper .foto {
    position: absolute;
    width: 30vw;
    right: 5vw;
    margin-top: -1vw;
  }
  .novedades section.categoria-novedad .wraper .foto img {
    width: 100%;
  }
  .novedades section.novedad {
    display: flex;
    width: 100%;
    margin-top: 5vw;
    margin-bottom: 15vw;
  }
  .novedades section.novedad .wraper {
    display: block;
    width: 100%;
    flex-direction: row;
  }
  .novedades section.novedad .wraper .textos {
    width: 90vw;
    padding: 0;
  }
  .novedades section.novedad .wraper .textos .logo {
    width: 15vw;
  }
  .novedades section.novedad .wraper .textos .titulo {
    margin: 2vw 0;
    font-size: 300%;
  }
  .novedades section.novedad .wraper .textos .titulo i {
    font-family: "Cormorant Garamond";
    font-size: 150%;
    font-weight: 600;
  }
  .novedades section.novedad .wraper .textos .descripcion p {
    line-height: 180%;
    margin: 2vw 0;
    font-weight: 100;
    font-size: 180%;
  }
  .novedades section.novedad .wraper .foto {
    width: 60vw;
    margin: 0 auto;
  }
  .novedades section.novedad .wraper .foto img {
    width: 100%;
  }
  .novedades section.novedad:nth-child(odd) .wraper {
    flex-direction: row-reverse;
  }
  .novedades section.novedad:nth-child(odd) .wraper .textos {
    width: 90vw;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .novedades {
    width: 90%;
    margin: auto;
    padding-top: 32vw;
    padding-bottom: 10vw;
  }
  .novedades section.categoria-novedad {
    display: flex;
    width: 100%;
    margin-top: 12vw;
  }
  .novedades section.categoria-novedad .wraper {
    display: flex;
    width: 100%;
  }
  .novedades section.categoria-novedad .wraper .textos {
    width: 50vw;
    background-color: #EDEDED;
    padding: 3vw 15vw 3vw 3vw;
  }
  .novedades section.categoria-novedad .wraper .textos .tag {
    margin: -5vw 0 0;
    background-color: #E30613;
    color: #FFFFFF;
    font-weight: 100;
    padding: 1vw;
    width: fit-content;
    font-size: 300%;
  }
  .novedades section.categoria-novedad .wraper .textos .titulo {
    margin: 2vw 0;
    font-size: 450%;
  }
  .novedades section.categoria-novedad .wraper .textos .titulo i {
    font-family: "Cormorant Garamond";
    font-size: 150%;
    font-weight: 600;
  }
  .novedades section.categoria-novedad .wraper .textos .descripcion p {
    line-height: 180%;
    margin: 2vw 0;
    font-weight: 100;
    font-size: 320%;
  }
  .novedades section.categoria-novedad .wraper .foto {
    position: absolute;
    width: 30vw;
    right: 5vw;
    margin-top: -2vw;
  }
  .novedades section.categoria-novedad .wraper .foto img {
    width: 100%;
  }
  .novedades section.novedad {
    display: flex;
    width: 100%;
    margin-top: 5vw;
    margin-bottom: 15vw;
  }
  .novedades section.novedad .wraper {
    display: block;
    width: 100%;
    flex-direction: row;
  }
  .novedades section.novedad .wraper .textos {
    width: 90vw;
    padding: 0;
  }
  .novedades section.novedad .wraper .textos .logo {
    width: 25vw;
  }
  .novedades section.novedad .wraper .textos .titulo {
    margin: 2vw 0;
    font-size: 500%;
  }
  .novedades section.novedad .wraper .textos .titulo i {
    font-family: "Cormorant Garamond";
    font-size: 150%;
    font-weight: 600;
  }
  .novedades section.novedad .wraper .textos .descripcion p {
    line-height: 180%;
    margin: 2vw 0;
    font-weight: 100;
    font-size: 320%;
  }
  .novedades section.novedad .wraper .foto {
    width: 60vw;
    margin: 0 auto;
  }
  .novedades section.novedad .wraper .foto img {
    width: 100%;
  }
}
/*color corporativo*/
/* fondo body*/
/* fondo body*/
/* forest green*/
.textos-esp {
  width: 90%;
  margin: auto;
  padding-top: 6vw;
  padding-bottom: 10vw;
}
.textos-esp section {
  display: flex;
  width: 100%;
  margin-top: 2vw;
  border-bottom: 1px solid rgb(137, 137, 137);
}
.textos-esp section .wraper {
  display: flex;
  width: 100%;
  margin-top: 2vw;
  flex-wrap: wrap;
}
.textos-esp section .wraper .cabecera-textos {
  width: 90vw;
  padding-top: 3vw;
}
.textos-esp section .wraper .cabecera-textos h1 {
  color: #E30613;
  font-size: 220%;
  margin: 0 0 3vw 0;
  scroll-margin-block: 10vw;
}
.textos-esp section .wraper .cabecera-textos h2 {
  color: #000000;
  font-size: 150%;
  margin: -2vw 0 2vw 0;
}
.textos-esp section .wraper .parrafo p {
  width: 100%;
  margin: 0;
  font-size: 90%;
  border-top: 1px solid rgb(137, 137, 137);
  padding: 2vw 0;
  margin: 0;
  font-weight: 100;
  line-height: 150%;
}
.textos-esp section .wraper .parrafo p a {
  font-size: 100%;
  color: #E30613;
}
.textos-esp section .wraper .buscador {
  display: flex;
  padding: 1vw 0;
  border-bottom: 1px solid rgb(137, 137, 137);
}
.textos-esp section .wraper .buscador .imagen {
  width: 15%;
}
.textos-esp section .wraper .buscador .imagen img {
  width: 100%;
}
.textos-esp section .wraper .buscador .producto {
  width: 25%;
}
.textos-esp section .wraper .buscador .producto .producto-det {
  text-transform: lowercase;
  text-transform: initial;
}
.textos-esp section .wraper .buscador .producto .producto-det .pre-post {
  width: 8vw;
  font-size: 110%;
  height: 15%;
  display: block;
}
.textos-esp section .wraper .buscador .producto .producto-det .pre-post img {
  max-height: 1.2vw;
}
.textos-esp section .wraper .buscador .producto .producto-det .titular {
  width: 95%;
  font-size: 160%;
  padding: 1% 5% 1% 0;
}
.textos-esp section .wraper .buscador .producto .producto-det .titular img {
  max-height: 6vw;
  width: 20vw;
}
.textos-esp section .wraper .buscador .detalle {
  border: 0;
  width: 44%;
  margin: 0 3% 0;
}
.textos-esp section .wraper .buscador .detalle p {
  border: 0;
  padding: 0;
}
.textos-esp section .wraper .buscador .detalle b {
  font-size: 130%;
}
.textos-esp section .wraper .buscador a {
  font-size: 100%;
}
.textos-esp section .wraper .buscador .ver {
  padding: 0;
  margin-left: 10px;
}
.textos-esp section .wraper .buscador .ver button {
  cursor: pointer;
  font-size: 100%;
  width: 100%;
  text-align: left;
  font-size: 100%;
  border: 0;
  padding: 0 30px 0 0;
  margin: 50% 0;
  background-image: url(../images/flecha-corta.svg);
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #FFFFFF;
  background-position-x: 95%;
  transition: all 0.3s;
}
.textos-esp section .wraper .buscador .ver button:hover {
  background-position-x: 100%;
  transition: all 0.3s;
}
.textos-esp button {
  font-size: 100%;
  background-color: #E30613;
  border: 0;
  cursor: pointer;
}
.textos-esp button a {
  font-size: 100%;
  color: #FFFFFF;
}
.textos-esp button:hover {
  opacity: 0.6;
}

@media only screen and (max-width: 820px) {
  .textos-esp {
    width: 90%;
    margin: auto;
    padding-top: 13vw;
    padding-bottom: 10vw;
  }
  .textos-esp section {
    display: flex;
    width: 100%;
    margin-top: 2vw;
    padding: 0 0 2vw;
    border-bottom: 1px solid rgb(137, 137, 137);
  }
  .textos-esp section .wraper {
    display: flex;
    width: 100%;
    margin-top: 2vw;
    flex-wrap: wrap;
  }
  .textos-esp section .wraper .cabecera-textos {
    width: 90vw;
  }
  .textos-esp section .wraper .cabecera-textos h1 {
    color: #E30613;
    font-size: 220%;
    margin: 0 0 3vw 0;
  }
  .textos-esp section .wraper .parrafo p {
    width: 100%;
    margin: 1vw 0;
    font-size: 100%;
    border-top: 1px solid rgb(137, 137, 137);
    padding: 1vw 0 0;
    margin: 1vw 0 0 0;
    font-weight: 100;
  }
  .textos-esp section .wraper .buscador {
    display: flex;
    padding: 1vw 0;
    border-bottom: 1px solid rgb(137, 137, 137);
  }
  .textos-esp section .wraper .buscador .imagen {
    width: 15%;
  }
  .textos-esp section .wraper .buscador .imagen img {
    width: 100%;
  }
  .textos-esp section .wraper .buscador .producto {
    width: 25%;
  }
  .textos-esp section .wraper .buscador .producto .producto-det {
    text-transform: lowercase;
    text-transform: initial;
  }
  .textos-esp section .wraper .buscador .producto .producto-det .pre-post {
    width: 8vw;
    font-size: 110%;
    height: 15%;
    display: block;
  }
  .textos-esp section .wraper .buscador .producto .producto-det .pre-post img {
    max-height: 1.2vw;
  }
  .textos-esp section .wraper .buscador .producto .producto-det .titular {
    width: 95%;
    font-size: 160%;
    padding: 1% 5% 1% 0;
  }
  .textos-esp section .wraper .buscador .producto .producto-det .titular img {
    max-height: 6vw;
    width: 20vw;
  }
  .textos-esp section .wraper .buscador .detalle {
    border: 0;
    width: 44%;
    margin: 0 3% 0;
  }
  .textos-esp section .wraper .buscador .detalle p {
    border: 0;
    padding: 0;
  }
  .textos-esp section .wraper .buscador .detalle b {
    font-size: 130%;
  }
  .textos-esp section .wraper .buscador a {
    font-size: 100%;
  }
  .textos-esp section .wraper .buscador .ver {
    padding: 0;
    margin-left: 10px;
  }
  .textos-esp section .wraper .buscador .ver button {
    cursor: pointer;
    font-size: 100%;
    width: 100%;
    text-align: left;
    font-size: 100%;
    border: 0;
    padding: 0 30px 0 0;
    margin: 50% 0;
    background-image: url(../images/flecha-corta.svg);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: right;
    background-color: #FFFFFF;
    background-position-x: 95%;
    transition: all 0.3s;
  }
  .textos-esp section .wraper .buscador .ver button:hover {
    background-position-x: 100%;
    transition: all 0.3s;
  }
}
@media only screen and (max-width: 767px) {
  .textos-esp {
    width: 90%;
    margin: auto;
    padding-top: 21vw;
    padding-bottom: 10vw;
    font-size: 320%;
  }
  .textos-esp section {
    display: flex;
    width: 100%;
    margin-top: 2vw;
    padding: 0 0 2vw;
    border-bottom: 1px solid rgb(137, 137, 137);
  }
  .textos-esp section .wraper {
    display: flex;
    width: 100%;
    margin-top: 2vw;
    flex-wrap: wrap;
  }
  .textos-esp section .wraper .cabecera-textos {
    width: 90vw;
  }
  .textos-esp section .wraper .cabecera-textos h1 {
    color: #E30613;
    font-size: 200%;
    margin: 0 0 3vw 0;
  }
  .textos-esp section .wraper .cabecera-textos h2 {
    color: #000000;
    font-size: 140%;
    margin: -2vw 0 3vw 0;
  }
  .textos-esp section .wraper .parrafo p {
    font-size: 100%;
    width: 100%;
    margin: 1vw 0;
    border-top: 1px solid rgb(137, 137, 137);
    padding: 1vw 0 0;
    margin: 1vw 0 0 0;
    font-weight: 100;
  }
  .textos-esp section .wraper .buscador {
    display: block;
    padding: 1vw 0;
    margin: 0;
    float: left;
  }
  .textos-esp section .wraper .buscador .imagen {
    width: 100%;
    float: left;
  }
  .textos-esp section .wraper .buscador .imagen img {
    width: 100%;
  }
  .textos-esp section .wraper .buscador .producto {
    width: 100%;
    float: left;
    margin: 5% 0;
  }
  .textos-esp section .wraper .buscador .producto .producto-det .pre-post {
    width: 100%;
    font-size: 110%;
    height: 15%;
    display: block;
  }
  .textos-esp section .wraper .buscador .producto .producto-det .pre-post img {
    height: 5vw;
    max-height: none;
  }
  .textos-esp section .wraper .buscador .producto .producto-det .titular {
    width: 95%;
    font-size: 220%;
    padding: 1% 5% 1% 0;
  }
  .textos-esp section .wraper .buscador .producto .producto-det .titular img {
    height: 5vw;
    max-height: none;
  }
  .textos-esp section .wraper .buscador .detalle {
    font-size: 120%;
    width: 100%;
  }
  .textos-esp section .wraper .buscador .ver {
    padding: 0;
    width: 100%;
  }
  .textos-esp section .wraper .buscador .ver a button {
    cursor: pointer;
    font-size: 100%;
    text-align: left;
    width: 30%;
    float: left;
    margin: 10% 0;
    border: 0;
    padding: 1%;
    background-image: url("../images/flecha-corta.svg");
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: right;
    background-color: #FFFFFF;
    background-position-x: 95%;
    transition: all 0.3s;
  }
  .textos-esp section .wraper .buscador .ver a button:hover {
    background-position-x: 100%;
    transition: all 0.3s;
  }
  .textos-esp button {
    width: 100%;
  }
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*color corporativo*/
/* fondo body*/
/* fondo body*/
/* forest green*/
.footer {
  width: 90%;
  margin: 0 auto 2vw;
  border-top: 1px solid rgb(137, 137, 137);
  padding: 3vw 5% 0;
  display: block;
  font-weight: 100;
}
.footer p {
  font-size: 90%;
  width: 100%;
  margin: 1vw 0 0 0;
  color: #9d9d9d;
  font-family: "Open Sans";
}
.footer a {
  font-size: 90%;
  display: block;
  margin: 1vw 0 0 0;
  color: #9d9d9d;
  font-family: "Open Sans";
}
.footer a:hover {
  color: #E30613;
}
.footer h3 {
  font-size: 90%;
  margin: 0 0 10px;
}
.footer .footer-left {
  width: 60%;
  display: flex;
  float: left;
}
.footer .footer-left .footer-col {
  padding: 0 5vw 5vw 0;
}
.footer .footer-right {
  width: 40%;
  display: flex;
  text-align: right;
  flex-direction: column;
}
.footer .footer-right .footer-redes {
  padding-left: 30%;
  display: flex;
  justify-content: space-between;
}
.footer .footer-right .footer-redes a {
  margin: 0;
}
.footer .footer-right img {
  height: 2vw;
  margin: 0 0 3vw 10px;
}
.footer .footer-right img:hover {
  opacity: 0.6;
  cursor: pointer;
}
.footer .footer-right .footer-datos {
  display: flex;
  min-width: 100%;
  float: left;
  justify-content: space-between;
}
.footer .footer-right h6 {
  font-size: 200%;
  width: 100%;
  float: right;
  font-weight: 600;
  color: #E30613;
  margin: 1.5vw 0 0 0;
}
.footer .footer-right h6:hover {
  opacity: 0.6;
}
.footer .footer-right a {
  font-size: 80%;
  margin: 1vw 0 0 0;
}

@media only screen and (max-width: 820px) {
  .footer {
    font-size: 150%;
  }
  .footer .footer-left {
    width: 100%;
    justify-content: space-between;
  }
  .footer .footer-left .footer-col {
    padding: 0 5vw 5vw 0;
  }
  .footer .footer-left .footer-col p {
    display: block;
    width: 100%;
  }
  .footer .footer-left .footer-col a {
    display: block;
    width: 100%;
  }
  .footer .footer-right {
    width: 100% !important;
  }
  .footer .footer-right .footer-redes {
    padding: 0 20%;
    display: flex;
    justify-content: space-between;
  }
  .footer .footer-right img {
    margin: 0 0 1vw;
    height: 4vw;
  }
  .footer .footer-right img:hover {
    opacity: 0.6;
    cursor: pointer;
  }
  .footer .footer-right .footer-datos {
    display: flex;
    min-width: 100%;
    float: left;
    justify-content: space-between;
  }
  .footer .footer-right h6 {
    font-style: normal;
    font-size: 200%;
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #E30613;
    margin: 0;
    padding: 0;
  }
  .footer .footer-right h6:hover {
    opacity: 0.6;
  }
}
@media only screen and (max-width: 767px) {
  .footer {
    font-size: 280%;
    padding-bottom: 5vw;
  }
  .footer .footer-right {
    width: 100% !important;
  }
  .footer .footer-right .footer-redes {
    padding: 0% 20%;
    display: flex;
    justify-content: space-between;
  }
  .footer .footer-right img {
    margin: 0 0 1vw;
    height: 4vw;
  }
  .footer .footer-right img:hover {
    opacity: 0.6;
    cursor: pointer;
  }
  .footer .footer-right .footer-datos {
    display: flex;
    min-width: 100%;
    float: left;
    justify-content: space-between;
  }
  .footer .footer-right h6 {
    font-style: normal;
    font-size: 200%;
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: #E30613;
    margin: 0;
    padding: 0;
  }
  .footer .footer-right h6:hover {
    opacity: 0.6;
  }
}
/*color corporativo*/
/* fondo body*/
/* fondo body*/
/* forest green*/
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 1.2vw;
  font-family: "Open Sans";
}

html {
  scroll-behavior: smooth;
}

a {
  font-family: "Geogrotesque Rg";
  color: #000000;
  font-size: 300%;
}

strong {
  font-weight: 600;
}

b {
  font-weight: 600;
}

i {
  font-style: oblique;
}

A {
  text-decoration: none;
  font-family: "Open Sans";
}

a:focus-visible {
  outline-color: none !important;
  outline-style: none !important;
  outline-width: 0 !important;
}

a:focus {
  outline-color: none !important;
  outline-style: none !important;
  outline-width: 0 !important;
}

H1 {
  font-family: "Open Sans";
  color: #FFFFFF;
  font-size: 400%;
  font-weight: 100;
}

H3 {
  font-family: "Open Sans";
  font-weight: 800;
}

H4 {
  font-family: "Open Sans";
  font-weight: 600;
}

P {
  font-family: "Open Sans";
  letter-spacing: 0.3px;
}

em {
  font-family: "Cormorant Garamond";
  font-style: oblique;
}

i {
  font-family: "Cormorant Garamond";
  font-style: oblique;
}

span {
  text-transform: uppercase;
  font-family: "Geogrotesque SmBd";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
} /* ------Tipografia para logo aguaplast ------------------------- */
u {
  text-transform: uppercase;
  font-family: "Geogrotesque SmBd";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  text-decoration: none;
  text-transform: uppercase;
} /* ------Tipografia para logo aguaplast ------------------------- */
ul li {
  font-family: "Open Sans";
}

p.no-favoritos {
  font-size: 100%;
}

/* ------tipos de div ------- */
article.margin-menu-filtros {
  width: 100%;
  height: 16vw;
}

article.margin-menu-filtros-favoritos {
  width: 100%;
  height: 13vw;
}

article.margin-menu {
  width: 100%;
  height: 9vw;
}

.is-hidden {
  transform: translate(0, -31vw);
  transition: transform 1s;
}

.is-visible {
  transform: translate(0, 9.4vw);
  transition: transform 1s;
}
.is-visible ul.destacados .search img.white {
  display: none;
}
.is-visible ul.destacados .search img.black {
  display: block;
}

/* la clase "menu-fixed" es para desactivar la animación del menu */
.hide-list.menu-fixed.is-hidden {
  transform: translate(0, 0);
  margin-top: 0% !important;
}

.hide-list.menu-fixed.is-visible {
  transform: translate(0, 0);
  margin-top: 0% !important;
}

.hide-list.menu-fixed {
  margin-top: 0%;
}

.no-scroll {
  overflow: hidden;
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(180deg);
}

.ofcover {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.ofcontain {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.w-80 {
  width: 80%;
}

.page-active {
  border-bottom: 4px solid #E30613;
  margin-top: -4px;
}
.page-active p {
  margin-top: 4px;
  margin-bottom: -4px;
}

.btn-descarga {
  padding: 0.5vw 15px;
  font-size: 70%;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-family: "Open Sans";
}
.btn-descarga img {
  width: 1.5vw;
  padding-left: 5px;
  object-fit: scale-down;
}

.btn-descarga:hover {
  opacity: 0.7;
}

.btn-descarga.red {
  color: #E30613;
}

.btn-descarga svg {
  width: 1.5vw;
  margin-left: 0.5vw;
  margin-top: 0;
  object-fit: scale-down;
}

.btn-descarga {
  cursor: pointer;
}

.favorito-activo {
  color: #da2a1c; /* Cambia el color del botón cuando está activo */
}

.favorito-activo svg path {
  fill: #da2a1c !important;
}

.comparador-activo {
  color: #da2a1c; /* Cambia el color del botón cuando está activo */
}

.comparador-activo svg path {
  fill: #da2a1c !important;
}

@media only screen and (max-width: 820px) {
  H1 {
    font-size: 450%;
  }
  H3 {
    font-size: 200%;
  }
  .page-active {
    border-bottom: none;
    line-height: 140% !important;
  }
  .hide-list.menu-fixed.is-hidden {
    transform: translate(0, 0);
    margin-top: 0% !important;
  }
  .hide-list.menu-fixed.is-visible {
    transform: translate(0, 0);
    margin-top: 0% !important;
  }
  article.margin-menu-filtros {
    width: 100%;
    height: 29vw;
  }
  article.margin-menu-filtros-favoritos {
    width: 100%;
    height: 22vw;
  }
  article.margin-menu {
    width: 100%;
    height: 13vw;
  }
  p.no-favoritos {
    font-size: 300%;
  }
}
@media only screen and (max-width: 767px) {
  H1 {
    font-size: 600%;
  }
  H3 {
    font-size: 300%;
  }
  article.margin-menu-filtros {
    width: 100%;
    height: 54vw;
  }
  article.margin-menu-filtros-favoritos {
    width: 100%;
    height: 36vw;
  }
  article.margin-menu {
    width: 100%;
    height: 21vw;
  }
  .btn-descarga {
    padding: 0.5vw 10px;
  }
  .btn-descarga svg {
    width: 4vw;
  }
}
@media only screen and (min-width: 1350px) {
  article.margin-menu-filtros {
    height: 13vw;
  }
  article.margin-menu-filtros-favoritos {
    height: 10vw;
  }
}
.importacion {
  padding: 3vw 3vw;
  color: #000000;
}
.importacion h1 {
  margin: 0.5vw 0;
  color: #000000;
  font-size: 120%;
  font-weight: bold;
}
.importacion h2 {
  margin: 0.5 0;
  color: #000000;
}
.importacion label {
  margin: 0.5vw 0;
  color: #000000;
}
.importacion p {
  margin: 0.5vw 0;
  color: #000000;
}
.importacion input[type=submit] {
  padding: 1vw 3vw;
}

.sin-form {
  display: hidden;
}

@media only screen and (max-width: 767px) {
  .importacion {
    font-size: 300%;
  }
}
HEADER.nav-up {
  transition: 0.5s;
  top: -10vw;
}

HEADER.nav-down {
  transition: 0.5s;
}

@media only screen and (max-width: 1350px) {
  HEADER.nav-up {
    transition: 0.5s;
    top: -13vw;
  }
}
@media only screen and (max-width: 820px) {
  HEADER.nav-up {
    transition: 0.5s;
    top: -22vw;
  }
}
@media only screen and (max-width: 767px) {
  HEADER.nav-up {
    transition: 0.5s;
    top: -46vw;
  }
}
/* overlay background */
.fancybox-overlay {
  background: rgba(0, 0, 0, 0.7);
}

#popup-content {
  padding: 0;
  margin: 3vw;
  overflow: hidden;
}
#popup-content .beissier-popup {
  background-color: #FFF;
  width: 100%;
  height: 100%;
  max-width: 1200px;
  margin: auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#popup-content .beissier-popup section {
  display: flex;
}
#popup-content .beissier-popup section .left {
  display: flex;
  width: 50%;
}
#popup-content .beissier-popup section .left img {
  width: 100%;
}
#popup-content .beissier-popup section .right {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 4vw;
  justify-content: space-between;
}
#popup-content .beissier-popup section .right div.textos {
  display: flex;
  flex-direction: column;
}
#popup-content .beissier-popup section .right div.textos h3 {
  font-size: 220%;
  line-height: 130%;
}
#popup-content .beissier-popup section .right div.textos p {
  font-size: 100%;
  margin-top: 1vw;
  line-height: 150%;
}
#popup-content .beissier-popup section .right a {
  font-size: 100%;
  margin: 2vw 0 0;
  background-color: #E30613;
  padding: 1vw;
  color: #FFFFFF;
  width: fit-content;
}
#popup-content .beissier-popup section .right a:hover {
  opacity: 0.8;
}
#popup-content button.fancybox-button.fancybox-close-small {
  background-color: #E30613;
  opacity: 1;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
#popup-content button.fancybox-button.fancybox-close-small svg {
  height: 170%;
  width: 170%;
  transition: transform 0.3s ease;
}
#popup-content button.fancybox-button.fancybox-close-small:hover svg {
  transform: rotate(-90deg);
}

@media only screen and (max-width: 767px) {
  #popup-content {
    padding: 0;
    margin: 3vw;
    overflow: hidden;
  }
  #popup-content .beissier-popup {
    background-color: #FFF;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
  #popup-content .beissier-popup section {
    display: flex;
    flex-direction: column-reverse;
  }
  #popup-content .beissier-popup section .left {
    display: flex;
    width: 100%;
  }
  #popup-content .beissier-popup section .left img {
    width: 100%;
  }
  #popup-content .beissier-popup section .right {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 4vw;
    justify-content: space-between;
  }
  #popup-content .beissier-popup section .right div.textos {
    display: flex;
    flex-direction: column;
  }
  #popup-content .beissier-popup section .right div.textos h3 {
    font-size: 520%;
    line-height: 130%;
    width: 80%;
  }
  #popup-content .beissier-popup section .right div.textos p {
    font-size: 250%;
    margin-top: 2vw;
    width: 80%;
  }
  #popup-content .beissier-popup section .right a {
    font-size: 250%;
    margin: 2vw 0 0;
    background-color: #E30613;
    padding: 3vw;
    color: #FFFFFF;
    width: fit-content;
    margin-top: 10vw;
  }
  #popup-content .beissier-popup section .right a:hover {
    opacity: 0.8;
  }
  #popup-content button.fancybox-button.fancybox-close-small {
    width: 10%;
    background-color: #E30613;
    opacity: 1;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #popup-content button.fancybox-button.fancybox-close-small svg {
    height: 200%;
    width: 200%;
    transition: transform 0.3s ease;
  }
  #popup-content button.fancybox-button.fancybox-close-small:hover svg {
    transform: rotate(-90deg);
  }
}

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