@font-face {
  font-family: "AvantGarde Bk BT";
  src: url("/b2b/fonts/AvantGardeITCbyBT-Book.woff2") format("woff2"),
    url("/b2b/fonts/AvantGardeITCbyBT-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AvantGarde Bk BT";
  src: url("/b2b/fonts/AvantGardeITCbyBT-DemiOblique.woff2") format("woff2"),
    url("/b2b/fonts/AvantGardeITCbyBT-DemiOblique.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "AvantGarde Bk BT";
  src: url("/b2b/fonts/AvantGardeITCbyBT-Demi.woff2") format("woff2"),
    url("/b2b/fonts/AvantGardeITCbyBT-Demi.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ElegantIcons";
  src: url("/b2b/fonts/ElegantIcons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Arial";
  src: url("/b2b/fonts/ArialMT.woff2") format("woff2"),
    url("/b2b/fonts/ArialMT.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --blue: #2e3370;
  --green: #0db14b;
  --yellow: #f2c94c;
  --grey: #495053;
  --lightblue: #446ba8;
  --font: "AvantGarde Bk BT", sans-serif;
  --arial: "Arial", sans-serif;
  --lateral: 10vw;
  --down: url("img/down.png");
  --arrow: url("img/Arrow\ 1.png");
  --hover: url("img/hover.svg");
  --hovernav: url("img/hovernav.svg");
  --elegant: "ElegantIcons";
  --cincocuatro: url("img/1954.svg");
  --ochocuatro: url("img/1984.svg");
  --nueveuno: url("img/1991.svg");
  --cerocuatro: url("img/2004.svg");
  --trece: url("img/2013.svg");
  --diecinueve: url("img/2019.svg");
  --ventiuno: url("img/2021.svg");
  --rounded-right: "\e03c";
  --download: "\e004";
  --dossier: "\68";
  --mail: "\e010";
  --call: "\e090";
  --plus: "\50";
  --check: "\4e";
  --close: "\4d";
  --shadow-home: 0 3px 0.7rem rgba(0, 0, 0, 0.75);
}

::-moz-selection {
  color: white;
  background-color: var(--blue);
}

::selection {
  color: white;
  background-color: var(--blue);
}
select.form_select {
  background-color: transparent;
  border-bottom: thin solid WHITE;
  border-radius: 0 !important;
  display: inline-block;
  font-size: 1rem !important;
  font: inherit;
  line-height: inherit;
  color: white;
  line-height: 1.5em;
  height: 96% !important;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0.4rem 0.2rem !important;
}
body,
html {
  font-family: "var(--font)";
  font-size: 100%;
  padding: 0;
  margin: 0;
}
*,
*:after,
*:before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
html {
  scroll-behavior: smooth;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  text-decoration: none;
  background-color: transparent;
  color: #000;
  line-height: 0;
}
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style-type: none;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}

button,
input {
  overflow: visible;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
[hidden] {
  display: none;
}
/* end theme styles */
/* estilos generales */
.seccion {
  position: relative;
}
body {
  width: 100%;
  margin: auto;
  font-family: var(--font);
  font-weight: 500;
}
a,
.btn,
.btn:hover {
  cursor: pointer;
}
a,
header,
.site-branding,
.button_container,
.button_container.active,
.button_container.active .top,
.button_container.active .middle2,
.button_container.active .bottom,
.btn,
.btn:hover {
  transition: all 0.3s;
}
.fullw {
  width: 100%;
  max-width: 2500px !important;
  margin: auto;
}
.limitw {
  width: 80%;
  max-width: 2500px;
  margin: auto;
}
.limitw90 {
  width: 90%;
  max-width: 2500px;
  margin: auto;
}
.upper {
  text-transform: uppercase;
}
.only-mobile {
  display: none !important;
}

.text-center {
  text-align: center;
}
p {
  line-height: 1.25;
}

.btn {
  display: inline-flex;
  align-items: center;
  border: none;
  outline: none;
  padding: 0.75rem 2rem;
  text-align: center;
  font-family: inherit;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1;
  color: white;
  height: 40px;
  border-radius: 4rem;
  background: rgb(46, 51, 112);
  border-radius: 4rem;
  background: linear-gradient(
    90deg,
    rgba(46, 51, 112, 1) 0%,
    rgba(82, 110, 179, 1) 47%,
    rgba(123, 176, 255, 1) 100%
  );
}
.btn:hover {
  display: inline-flex;
  align-items: center;
  border: none;
  outline: none;
  padding: 0.75rem 2rem;
  text-align: center;
  font-family: inherit;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1;
  color: var(--blue);
  height: 40px;
  border-radius: 4rem;
  background: white;
  border: 1px solid var(--blue);
}
.btn-secondary {
  display: inline-flex;
  align-items: center;
  border: none;
  outline: none;
  padding: 0.75rem 2rem;
  text-align: center;
  font-family: inherit;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1;
  color: white;
  height: 40px;
  border-radius: 4rem;
  background: rgb(13, 177, 75);
  background: linear-gradient(
    90deg,
    rgba(13, 177, 75, 1) 0%,
    rgba(13, 177, 75, 1) 50%,
    rgba(46, 51, 112, 1) 100%
  );
}
.btn-secondary:hover {
  display: inline-flex;
  align-items: center;
  border: none;
  outline: none;
  padding: 0.75rem 2rem;
  text-align: center;
  font-family: inherit;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1;
  color: var(--blue);
  height: 40px;
  border-radius: 4rem;
  background: white;
  border: 1px solid var(--blue);
}

.btn-third {
  display: inline-flex;
  align-items: center;
  border: none;
  outline: none;
  padding: 0.75rem 2rem;
  text-align: center;
  font-family: inherit;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1;
  color: var(--blue);
  height: 40px;
  border-radius: 4rem;
  background: white;
  border: 1px solid var(--blue);
}
.btn-third:hover {
  display: inline-flex;
  align-items: center;
  border: none;
  outline: none;
  padding: 0.75rem 2rem;
  text-align: center;
  font-family: inherit;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1;
  color: white;
  height: 40px;
  border-radius: 4rem;
  background: rgb(46, 51, 112);
  border-radius: 4rem;
  background: linear-gradient(
    90deg,
    rgba(46, 51, 112, 1) 0%,
    rgba(82, 110, 179, 1) 47%,
    rgba(123, 176, 255, 1) 100%
  );
}
.btn-four {
  display: inline-flex;
  align-items: center;
  border: none;
  outline: none;
  padding: 0.75rem 2rem;
  text-align: center;
  font-family: inherit;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1;
  color: white;
  height: 40px;
  background-color: var(--grey);
}
.btn-four:hover {
  display: inline-flex;
  align-items: center;
  border: none;
  outline: none;
  padding: 0.75rem 2rem;
  text-align: center;
  font-family: inherit;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1;
  color: white;
  height: 40px;
  background-color: var(--blue);
  border: 1px solid white;
}
.btn-menu {
  width: 150px;
  color: white;
  background-color: #333333;
  font-size: 0.7em;
  margin: 1 0.75rem 0 auto;
  height: auto !important;
  padding: 0.5rem;
  border-radius: 32px;
  margin-right: 15px;
}
.btn-menu:hover {
  font-size: 0.7em;
  margin: 1 0.75rem 0 auto;
  height: auto !important;
  padding: 0.5rem;
  border-radius: 32px;
  background-color: var(--blue);
  border-radius: 32px;
}
.btn::after {
  content: var(--download);
  font-family: var(--elegant);
  color: white;
  font-weight: normal;
  font-size: 1.5rem;
  padding-left: 1rem;
}
.btn:hover::after {
  content: var(--download);
  font-family: var(--elegant);
  color: var(--blue);
  font-weight: normal;
  font-size: 1.5rem;
  padding-left: 1rem;
}

.btn-secondary::after {
  content: var(--download);
  font-family: var(--elegant);
  color: white;
  font-weight: normal;
  font-size: 1.5rem;
  padding-left: 1rem;
}
.btn-secondary:hover::after {
  content: var(--download);
  font-family: var(--elegant);
  color: var(--blue);
  font-weight: normal;
  font-size: 1.5rem;
  padding-left: 1rem;
}
.btn-third::after {
  content: var(--mail);
  font-family: var(--elegant);
  color: var(--blue);
  font-weight: normal;
  font-size: 1.5rem;
  padding-left: 1rem;
}
.btn-third:hover::after {
  content: var(--mail);
  font-family: var(--elegant);
  color: white;
  font-weight: normal;
  font-size: 1.5rem;
  padding-left: 1rem;
}
.btn-four::after {
  content: var(--call);
  font-family: var(--elegant);
  color: white;
  font-weight: normal;
  font-size: 1.5rem;
  padding-left: 1rem;
}
.btn-four:hover::after {
  content: var(--call);
  font-family: var(--elegant);
  color: white;
  font-weight: normal;
  font-size: 1.5rem;
  padding-left: 1rem;
}
.popup-cerrar {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  padding: 1rem;
}
.popup2 .popup-cerrar::before {
  content: var(--close);
  font-family: var(--elegant);
  color: var(--blue);
  font-size: 1.2rem;
  border: 2px solid var(--blue);
  border-radius: 50%;
}
.popup-cerrar::before {
  content: var(--close);
  font-family: var(--elegant);
  color: white;
  font-size: 1.4rem;
  border: 2px solid white;
  border-radius: 50%;
}
.popup-cerrar-cl {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}

.popup-cerrar-cl::before {
  content: var(--close);
  font-family: var(--elegant);
  color: var(--blue);
  font-size: 1.5rem;
}

:not(.popup) > .formulario .popup-cerrar {
  display: none;
}

.btn:disabled {
  opacity: 0.9;
  cursor: not-allowed;
}

/* flex */
.flex-row,
.flex-col {
  display: flex !important;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-center {
  justify-content: center;
  align-items: center;
}
.flex-wrap {
  flex-flow: row wrap;
}
.flex-between {
  justify-content: space-between;
}

.col-1-2 {
  width: 50%;
}
.col-1-3 {
  width: 33.33%;
}
.col-2-3 {
  width: 66.66%;
}
.col-1-4 {
  width: 25%;
}
.col-20 {
  width: 20%;
}
.col-30 {
  width: 30%;
}
.col-40 {
  width: 40%;
}
.col-60 {
  width: 60%;
}
.col-70 {
  width: 70%;
}
.col-80 {
  width: 80%;
}
/* menu */

header#masthead {
  width: 100%;
  position: -webkit-sticky;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding: 0.5rem;
  background-color: white;
  opacity: 0.8;
}
.header-container {
  margin-top: -40px;
}
.header-telefono a {
  padding-bottom: 0.3rem;
  transition: padding 0.3s;
  font-weight: bold;
}
.header-telefono:hover {
  font-weight: 500;
}
.header-telefono {
  color: black;
  font-family: var(--arial);
  font-size: 1rem;
  margin-left: 35px;
  margin-right: 35px;
  font-weight: 300;
}

.header-telefono a {
  font-size: 0.9rem;
  line-height: 1;
  color: var(--green);
  font-weight: lighter;
  display: flex;
  align-items: center;
}
.header-top {
  padding-top: 0.5rem;
  font-weight: bold;
  padding-bottom: 1rem;
}

.header-top .header-descarga {
  margin-top: 25px;
  font-weight: bold;
  padding-right: 2rem;
  cursor: pointer;
  opacity: 0;
  transition: 0.3s;
}

.header-top .header-descarga:hover {
  color: var(--green);
}

.header-lang {
  display: flex;
  margin-right: 14px;
}

.header-lang li a {
  text-transform: uppercase;
  font-family: var(--font);
  font-weight: bold;
  padding: 0 0.25rem;
  color: white;
}

.header-lang .current-lang a,
.header-lang li a:hover {
  color: white;
}

.header-top .limitw {
  width: 90%;
}
.site-branding svg {
  height: 75px;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
}

.main-navigation {
  align-self: flex-end;
}

.items-navigation {
  align-self: flex-end;
}

.items-navigation > ul {
  display: flex;
}

.main-navigation > ul {
  display: flex;
}

.main-navigation > ul li a {
  display: block;
  font-family: var(--font);
  position: relative;
  text-align: center;
  font-weight: 600;
  color: black;
  padding: 0.5rem 1rem 0.75rem;
  font-size: 1.125rem;
  line-height: 1;
  transition: 0.3s;
}

.main-navigation > ul li:last-child a {
  margin-right: 0;
}

.main-navigation > ul li a::after {
  content: var(--hover);
  font-family: var(--elegant);
  color: var(--blue);
  position: absolute;
  top: -0.7em;
  left: 1em;
  height: 0.4rem;
  opacity: 0;
  transform: translateY(-0.2rem);
  transition: 0.3s;
  width: 2.5rem;
}

.main-navigation > ul li a:hover,
.main-navigation > ul li.active a {
  color: var(--blue);
}
.main-navigation > ul li a:hover::after,
.main-navigation > ul li.active a::after {
  opacity: 1;
  transform: translateY(0);
}

/* menu responsive */

.logohuman {
  background-image: url("data:image/svg+xml,%3Csvg width='116' height='59' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M17.448 30.96c-2.147 0-4.296-.056-6.44.013-2.728.088-4.96-2.431-3.545-5.446.943-2.012 1.72-4.102 2.613-6.137.302-.692.274-1.199-.333-1.715-.64-.544-1.215-1.171-1.783-1.793-1.208-1.33-1.277-3.16-.2-4.524a3.551 3.551 0 014.442-.952c1.45.751 2.209 2.507 1.703 4.125-.285.913-.773 1.766-1.02 2.685-.112.42-.011 1.072.26 1.383.932 1.065 1.968 2.042 2.991 3.021.875.837 1.777.874 2.655.06a58.398 58.398 0 003.254-3.245c.209-.228.232-.779.128-1.113-.273-.876-.697-1.703-1.003-2.57-.593-1.682.051-3.443 1.526-4.296 1.451-.839 3.386-.488 4.474.807 1.11 1.32 1.119 3.158-.046 4.533-.593.701-1.258 1.346-1.941 1.962-.516.463-.557.903-.292 1.519.865 2.007 1.557 4.097 2.546 6.038 1.572 3.077-.563 5.859-3.782 5.676-2.064-.115-4.139-.02-6.21-.02l.003-.012zm5.88-10.934c-.142-.095-.287-.19-.43-.284-.784.883-1.532 1.8-2.358 2.64-2.149 2.177-3.907 2.159-6.108-.013-.833-.822-1.664-1.647-2.64-2.615-.968 2.325-1.86 4.43-2.726 6.547-.708 1.736.04 2.886 1.905 2.911 2.108.028 4.215.007 6.325.007 2.3 0 4.6.023 6.9-.009 1.5-.02 2.425-1.14 1.935-2.404-.886-2.28-1.864-4.522-2.803-6.78zm.467-3.34c.767-.767 1.402-1.348 1.974-1.987.654-.726.67-1.544.065-2.297-.525-.657-1.24-.9-2.05-.551-.904.387-1.27 1.147-1.04 2.058.219.869.63 1.691 1.051 2.777zm-12.628.06c.458-1.173.858-1.998 1.095-2.865.242-.878-.166-1.562-.97-1.98-.801-.414-1.512-.172-2.062.438-.598.664-.711 1.46-.118 2.19.564.696 1.217 1.323 2.055 2.217z' fill='%23fff'/%3E%3Cpath d='M58.276.69H.688v57.62h57.587V.69z' stroke='%23fff' stroke-width='5' stroke-miterlimit='10'/%3E%3Cpath d='M11.278 39.002h.654c.057 0 .086.03.086.086v5.852c0 .058-.029.086-.086.086h-.654c-.058 0-.086-.028-.086-.086v-2.555c0-.024-.012-.034-.034-.034H8.705c-.024 0-.034.012-.034.034v2.555c0 .058-.028.086-.086.086h-.654c-.058 0-.086-.028-.086-.086v-5.852c0-.057.028-.086.086-.086h.654c.058 0 .086.03.086.086v2.513c0 .024.012.033.034.033h2.45c.025 0 .034-.012.034-.033v-2.513c.003-.057.031-.086.089-.086zM14.343 44.85a1.79 1.79 0 01-.743-.699 2.014 2.014 0 01-.268-1.037v-4.028c0-.057.029-.086.086-.086h.655c.057 0 .086.029.086.086v4.045c0 .373.12.674.356.903.239.23.55.345.934.345s.693-.115.93-.345c.233-.23.353-.53.353-.903v-4.045c0-.057.028-.086.086-.086h.654c.058 0 .086.029.086.086v4.028c0 .39-.088.736-.262 1.037-.175.302-.421.533-.741.698a2.394 2.394 0 01-1.106.247c-.42 0-.789-.082-1.106-.247zM22.905 39.002h.654c.058 0 .086.03.086.086v5.852c0 .058-.028.086-.086.086h-.654c-.058 0-.086-.028-.086-.086v-4.405c0-.017-.005-.029-.017-.034-.012-.005-.019 0-.026.017l-1.23 1.876a.12.12 0 01-.103.053h-.328a.126.126 0 01-.102-.053l-1.238-1.86c-.005-.016-.014-.023-.026-.016-.012.005-.017.017-.017.033v4.39c0 .057-.028.085-.086.085h-.654c-.058 0-.086-.028-.086-.086v-5.852c0-.057.028-.086.086-.086h.654c.046 0 .081.017.103.053l1.505 2.254c.005.005.014.01.026.01.012 0 .02-.003.027-.01l1.495-2.254a.126.126 0 01.103-.053zM28.605 44.957l-.31-1.006c-.005-.017-.017-.027-.034-.027h-2.415c-.017 0-.029.01-.034.027l-.31 1.006c-.017.045-.053.07-.103.07H24.7c-.062 0-.086-.032-.069-.096l1.883-5.862c.016-.045.052-.069.102-.069h.86c.053 0 .086.024.103.07l1.902 5.86.01.034c0 .04-.027.06-.077.06h-.705c-.053.002-.086-.022-.105-.067zm-2.575-1.7c.01.01.019.012.03.012h1.979a.05.05 0 00.03-.012c.01-.01.01-.019.006-.03l-.999-3.194c-.005-.012-.014-.017-.026-.017-.012 0-.02.005-.027.017l-.998 3.193c-.005.012-.002.024.005.031zM34.102 39.002h.655c.057 0 .086.03.086.086v5.852c0 .058-.029.086-.086.086h-.629c-.04 0-.074-.019-.102-.06l-2.693-4.398c-.005-.017-.014-.024-.026-.021-.012.002-.017.012-.017.03l.01 4.363c0 .058-.029.086-.086.086h-.655c-.057 0-.086-.028-.086-.086v-5.852c0-.057.029-.086.086-.086h.636c.04 0 .074.02.102.06l2.683 4.399c.005.016.015.023.027.021.012-.002.016-.012.016-.031l-.007-4.363c0-.057.029-.086.086-.086zM36.26 44.94v-5.852c0-.057.028-.086.085-.086H37c.057 0 .086.03.086.086v5.852c0 .058-.029.086-.086.086h-.655c-.057 0-.086-.028-.086-.086zM42.409 39.088v.55c0 .058-.029.086-.086.086h-1.651c-.024 0-.034.012-.034.034v5.18c0 .057-.028.086-.086.086h-.654c-.058 0-.086-.029-.086-.086v-5.18c0-.024-.012-.034-.034-.034h-1.574c-.057 0-.086-.028-.086-.086v-.55c0-.057.029-.086.086-.086h4.119c.057 0 .086.03.086.086zM44.826 44.93v-2.418c0-.024-.002-.039-.01-.044l-1.789-3.365a.114.114 0 01-.01-.043c0-.04.025-.06.07-.06h.705c.052 0 .086.02.103.06l1.316 2.522c.005.012.014.016.026.016.012 0 .02-.004.026-.016l1.317-2.522c.017-.04.052-.06.103-.06h.714c.029 0 .05.01.064.031.015.02.012.046-.004.074l-1.797 3.366c-.005.005-.01.019-.01.043v2.42c0 .056-.028.085-.085.085h-.655c-.055-.002-.084-.03-.084-.088zM11.397 53.85l-.31-1.007c-.005-.017-.017-.026-.034-.026H8.635c-.016 0-.028.01-.033.026l-.31 1.006c-.017.046-.053.07-.103.07H7.49c-.062 0-.086-.031-.07-.096l1.883-5.861c.017-.046.053-.07.103-.07h.86c.053 0 .086.024.103.07l1.901 5.861.01.034c0 .04-.026.06-.077.06H11.5a.097.097 0 01-.103-.068zm-2.575-1.7c.01.01.019.012.03.012h1.979a.05.05 0 00.03-.012c.01-.01.01-.02.006-.031l-.999-3.194c-.005-.012-.014-.017-.026-.017-.012 0-.02.005-.027.017l-.998 3.194c-.005.012-.005.024.005.03zM16.557 47.98v.55c0 .058-.028.087-.086.087h-1.65c-.024 0-.034.012-.034.033v5.18c0 .058-.029.086-.086.086h-.655c-.057 0-.086-.028-.086-.086v-5.18c0-.024-.012-.033-.033-.033h-1.574c-.058 0-.086-.029-.086-.086v-.55c0-.058.028-.086.086-.086h4.118c.058 0 .086.028.086.086zM20.437 53.85l-1.617-5.862-.01-.026c0-.046.029-.07.086-.07h.698c.052 0 .083.027.095.077l1.128 4.286c.005.012.012.017.021.017.01 0 .017-.005.022-.017l1.065-4.286c.012-.053.043-.077.096-.077h.678c.053 0 .084.027.096.077l1.127 4.293c.005.012.012.017.017.017.005 0 .012-.005.017-.017l1.135-4.293c.012-.053.043-.077.095-.077h.655c.029 0 .05.01.064.027.015.017.02.04.012.07l-1.557 5.85c-.012.053-.043.077-.096.077H23.6c-.053 0-.084-.026-.096-.076L22.38 49.4c-.005-.016-.012-.026-.017-.026-.004 0-.011.01-.016.027l-1.092 4.441c-.005.053-.038.077-.096.077h-.628c-.052 0-.083-.024-.093-.07zM27.48 53.737a1.84 1.84 0 01-.748-.727 2.157 2.157 0 01-.268-1.08V49.88c0-.406.089-.765.268-1.075.177-.311.428-.55.748-.722.32-.172.69-.259 1.108-.259.425 0 .798.087 1.118.259.32.172.571.413.748.722.177.31.268.669.268 1.075v2.049c0 .409-.089.767-.268 1.08a1.84 1.84 0 01-.748.727c-.32.172-.692.258-1.118.258-.418 0-.788-.086-1.108-.258zm2.054-.817c.242-.242.361-.56.361-.957v-2.091c0-.402-.12-.725-.36-.968-.242-.244-.557-.366-.947-.366-.39 0-.704.122-.941.366-.236.243-.356.566-.356.968v2.091c0 .397.12.715.356.957.237.241.552.36.941.36.392.003.705-.119.946-.36zM35.313 53.859l-1.204-2.572c-.005-.017-.017-.026-.033-.026h-1.238c-.024 0-.033.011-.033.033v2.539c0 .057-.029.086-.086.086h-.655c-.057 0-.086-.029-.086-.086V47.98c0-.058.029-.086.086-.086h2.313c.344 0 .647.072.908.215.26.143.463.344.606.602.144.258.215.557.215.894 0 .402-.105.741-.313 1.021-.21.277-.499.466-.871.564-.024.012-.03.027-.017.043l1.247 2.582c.005.012.01.026.01.043 0 .04-.024.06-.07.06h-.678c-.05 0-.082-.02-.1-.06zm-2.51-5.216v1.927c0 .024.011.033.033.033h1.436c.303 0 .547-.09.73-.27.185-.182.276-.42.276-.72 0-.303-.091-.547-.275-.73-.184-.185-.428-.276-.731-.276h-1.436c-.022.003-.033.014-.033.036zM37.248 53.833V47.98c0-.058.03-.086.086-.086h.655c.057 0 .086.028.086.086v2.744c0 .012.005.02.017.022.012.002.019-.003.026-.012l2.46-2.788a.12.12 0 01.103-.052h.748c.034 0 .057.01.07.03.011.02.004.046-.017.075l-2.048 2.42a.098.098 0 000 .052l2.193 3.346c.012.024.017.041.017.053 0 .033-.024.052-.07.052h-.747a.125.125 0 01-.103-.052l-1.858-2.814c-.005-.012-.015-.016-.026-.016-.013 0-.02.002-.027.01l-.721.807a.149.149 0 00-.017.043v1.936c0 .058-.029.086-.086.086h-.655c-.057-.004-.086-.033-.086-.09z' fill='%23fff'/%3E%3Cpath d='M115.311.69H57.724v57.62h57.587V.69z' stroke='%23fff' stroke-width='5' stroke-miterlimit='10'/%3E%3Cpath d='M69.928 47.063h.596c.053 0 .079.026.079.079v5.332c0 .053-.026.078-.079.078h-.596c-.053 0-.079-.025-.079-.078V48.46c0-.016-.005-.026-.015-.03-.01-.006-.018 0-.023.014l-1.12 1.71a.108.108 0 01-.093.048H68.3a.115.115 0 01-.094-.048l-1.127-1.695c-.005-.015-.013-.02-.023-.015-.01.005-.015.015-.015.03v4c0 .053-.026.078-.079.078h-.596c-.053 0-.079-.025-.079-.078v-5.332c0-.053.026-.079.079-.079h.596c.043 0 .074.015.094.048l1.37 2.054c.005.005.013.008.023.008s.017-.003.023-.008l1.362-2.054a.112.112 0 01.094-.048zM72.663 52.388a1.673 1.673 0 01-.683-.663 1.958 1.958 0 01-.242-.984v-1.867c0-.372.08-.698.242-.981.162-.283.39-.5.683-.658A2.11 2.11 0 0173.674 47c.387 0 .725.078 1.019.235.293.157.52.377.682.658.162.283.243.61.243.981v1.867c0 .372-.08.698-.243.984-.162.286-.389.506-.682.663a2.126 2.126 0 01-1.019.235c-.382 0-.72-.078-1.011-.235zm1.873-.744c.22-.22.329-.508.329-.87v-1.905c0-.367-.109-.66-.329-.883-.22-.222-.506-.333-.862-.333s-.642.11-.857.334c-.217.222-.326.515-.326.882v1.905c0 .362.109.65.326.87.217.22.503.329.857.329s.642-.111.862-.329zM80.067 47.063h.597c.053 0 .078.026.078.079v5.332c0 .053-.025.078-.078.078h-.572c-.035 0-.068-.017-.093-.055l-2.452-4.007c-.005-.015-.013-.023-.023-.02-.01.002-.015.012-.015.027l.007 3.977c0 .053-.025.078-.078.078h-.597c-.053 0-.078-.025-.078-.078v-5.332c0-.053.025-.079.078-.079h.58c.035 0 .068.018.093.056l2.445 4.007c.004.015.012.022.022.02.01-.003.015-.013.015-.028l-.007-3.976c0-.05.025-.079.078-.079zM81.948 52.474v-5.332c0-.053.025-.079.078-.079h1.896c.544 0 .976.142 1.302.428.324.285.486.665.486 1.14v2.353c0 .475-.162.855-.486 1.14-.323.287-.758.428-1.302.428h-1.896c-.053 0-.078-.025-.078-.078zm.784-.572h1.223c.303 0 .544-.093.726-.278.18-.185.273-.435.278-.749v-2.132c0-.314-.091-.564-.27-.749-.18-.185-.425-.278-.734-.278h-1.223c-.02 0-.03.01-.03.03v4.126c0 .02.01.03.03.03zM89.833 52.497l-1.097-2.345c-.005-.015-.016-.023-.03-.023h-1.128c-.02 0-.03.01-.03.03v2.315c0 .053-.026.078-.079.078h-.597c-.053 0-.078-.025-.078-.078v-5.332c0-.053.025-.079.078-.079h2.109c.313 0 .589.066.826.197.238.132.423.314.554.55.132.235.195.505.195.814 0 .367-.096.675-.286.928-.19.253-.455.425-.796.514-.02.01-.026.023-.016.04l1.138 2.353c.005.01.008.022.008.04 0 .035-.02.056-.064.056h-.619c-.045-.003-.073-.02-.088-.058zm-2.288-4.75v1.755c0 .02.01.03.03.03h1.31c.278 0 .498-.083.667-.248.167-.164.25-.382.25-.655 0-.276-.083-.498-.25-.665-.167-.167-.39-.25-.667-.25h-1.31c-.02 0-.03.012-.03.032zM95.058 52.489l-.283-.918c-.005-.015-.015-.023-.03-.023h-2.202c-.016 0-.026.008-.03.023l-.284.918c-.015.043-.048.063-.093.063H91.5c-.058 0-.078-.028-.063-.086l1.716-5.34c.016-.042.048-.063.094-.063h.784c.048 0 .078.02.093.063l1.732 5.34.007.03c0 .036-.022.056-.07.056h-.642c-.046 0-.076-.02-.094-.063zm-2.346-1.548a.04.04 0 00.028.013h1.802c.01 0 .02-.003.028-.013.008-.008.01-.018.005-.028l-.91-2.909c-.005-.01-.013-.015-.023-.015s-.017.005-.022.015l-.91 2.91c-.008.01-.006.02.002.027zM97.406 52.393a1.62 1.62 0 01-.675-.635c-.159-.273-.24-.59-.24-.946v-2.008c0-.362.079-.678.24-.949.16-.273.385-.483.675-.632.291-.15.622-.223.999-.223s.708.073.996.22c.288.147.51.35.67.607.159.258.24.552.24.875v.086c0 .054-.025.079-.078.079h-.597c-.053 0-.078-.025-.078-.079v-.07a.99.99 0 00-.319-.764c-.212-.195-.49-.294-.834-.294-.349 0-.632.101-.842.306-.21.205-.318.476-.318.815v2.054c0 .339.108.612.328.814.22.205.506.306.862.306.344 0 .617-.09.82-.27.202-.18.3-.428.3-.742v-.604c0-.02-.01-.03-.03-.03h-1.06c-.053 0-.078-.026-.078-.079v-.485c0-.054.025-.079.079-.079h1.764c.053 0 .078.025.078.079v.996c0 .602-.171 1.065-.513 1.389-.341.324-.806.485-1.39.485-.377 0-.71-.075-.999-.222zM102.222 52.388a1.668 1.668 0 01-.682-.663 1.957 1.957 0 01-.243-.984v-1.867c0-.372.081-.698.243-.981.161-.283.389-.5.682-.658a2.11 2.11 0 011.011-.235c.387 0 .726.078 1.019.235.293.157.521.377.683.658.161.283.242.61.242.981v1.867c0 .372-.081.698-.242.984-.162.286-.39.506-.683.663a2.125 2.125 0 01-1.019.235c-.381 0-.72-.078-1.011-.235zm1.873-.744c.22-.22.329-.508.329-.87v-1.905c0-.367-.109-.66-.329-.883-.22-.222-.505-.333-.862-.333-.356 0-.642.11-.857.334-.217.222-.326.515-.326.882v1.905c0 .362.109.65.326.87.218.22.503.329.857.329s.642-.111.862-.329zM109.627 47.063h.596c.053 0 .078.026.078.079v5.332c0 .053-.025.078-.078.078h-.571c-.036 0-.068-.017-.094-.055l-2.452-4.007c-.005-.015-.012-.023-.023-.02-.01.002-.015.012-.015.027l.008 3.977c0 .053-.025.078-.079.078h-.596c-.053 0-.079-.025-.079-.078v-5.332c0-.053.026-.079.079-.079h.579c.035 0 .068.018.093.056l2.445 4.007c.005.015.012.022.023.02.01-.003.015-.013.015-.028l-.008-3.976c0-.05.025-.079.079-.079z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h116v59H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  height: 70px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 24px;
  width: 135px;
}
.button_container {
  display: none;
  height: 1.25rem;
  width: 1.5rem;
  cursor: pointer;
  z-index: 100;
  position: relative;
  padding-top: 0%;
}
.button_container span {
  background: var(--blue);
  border: none;
  height: 2px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 8px;
}
.button_container span:nth-of-type(3) {
  top: 16px;
}
.button_container.active .top {
  transform: translateY(8px) translateX(0) rotate(45deg);
}
.button_container.active .middle {
  opacity: 0;
}
.button_container.active .bottom {
  transform: translateY(-8px) translateX(0) rotate(-45deg);
}

/* Formularios */

.formulario {
  width: 100%;
  color: white;
}
.condiciones {
  font-size: 0.9em;
  margin-top: 15px;
  font-weight: lighter;
  color: white;
  padding: 1rem;
  text-align: center;
}
.condibold {
  font-weight: bold;
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  font-weight: 300;
  opacity: 1; /* Firefox */
}
.formulario input[type="text"],
.formulario input[type="email"],
.formulario input[type="tel"] {
  font-family: var(--font);
  font-weight: inherit;
  font-size: 1.2rem;
  color: white;
  background-color: transparent;
  border: 0;
  outline: 0;
  border-bottom: 1px solid white;
  width: 100%;
  margin-top: 17px;
}

.formulario textarea {
  font-family: var(--font);
  font-weight: inherit;
  font-size: 1.2rem;
  width: 100%;
  color: white;
  background-color: transparent;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  outline: 0;
  border-bottom: 1px solid white;
  width: 100%;
  margin-top: 15px;
}

.form-content-popup input[type="text"],
.form-content-popup input[type="email"],
.form-content-popup input[type="tel"] {
  font-weight: inherit;
  font-size: 1.2rem;
  color: white;
  background-color: transparent;
  border: 0;
  outline: 0;
  border-bottom: 1px solid white;
  width: 100%;
  margin-top: 17px;
}

.form-content-popup textarea {
  font-weight: inherit;
  font-size: 1.2rem;
  width: 100%;
  color: white;
  background-color: transparent;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  outline: 0;
  border-bottom: 1px solid white;
  width: 100%;
  margin-top: 15px;
}

.formulario label {
  font-family: var(--font);
  font-size: 1em;
  color: white;
}
.ancho-form {
  width: 100%;
}
.formulario label a {
  text-decoration: underline;
  color: white;
}
.form-control {
  margin-top: 5px;
}
.form-subtitulo-home span {
  text-transform: lowercase;
}
.form-subtitulo-popup {
  font-size: 1.5em;
  text-align: center;
  color: white;
  font-family: var(--bold);
  font-weight: bold;
  line-height: 1.25;
  padding-top: 3rem;
  padding-bottom: 2rem;
  letter-spacing: 0.2em;
}
.form-content {
  padding: 3rem 4rem;
}
.popup .form-content {
  padding: 1rem;
}

.form-content-popup {
  padding: 0.7rem;
  background: white;
}
.popup-clientes {
  padding: 3rem;
  background: white;
}

.titulo-popup {
  color: var(--blue);
  text-align: center;
  font-size: 1.2em;
  font-weight: 300;
}

.titulo-popup2 {
  color: white;
  text-align: center;
  font-size: 1.2em;
  font-weight: 300;
}
.form-content-popup label {
  color: var(--blue);
}
.form-content-popup a {
  color: var(--blue);
}
.form-content-popup2 label {
  color: white;
}
.form-content-popup2 a {
  color: white;
}
.contenido-popup {
  padding: 2rem;
}
.formulario .reunion label {
  font-size: 1.1rem;
  font-weight: 500;
  color: white;
  font-family: var(--font);
  padding: 0.2rem 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.formulario .reunion label input[type="checkbox"] {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  padding: 0.2rem 0.2rem;
}

.formulario .caja-reunion {
  display: -ms-grid;
  display: grid;
  gap: 0.5rem;
  background: white;
  padding: 1rem;
}

.formulario .caja-reunion .label-text {
  text-align: center;
  font-size: 0.875rem;
}

.formulario .caja-reunion .horas-grid {
  display: -ms-grid;
  display: grid;

  -ms-grid-columns: 1fr 0.5rem 1fr 0.5rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}

.formulario .caja-reunion .hora label {
  position: relative;
  border: thin solid var(--blue);
}

.formulario .caja-reunion .hora input[type="radio"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
}

.formulario .caja-reunion .hora-text {
  font-size: 0.875rem;
  text-align: center;
  padding: 0.75rem 0;
  border: 1px solid white;
  transition: 0.3s;
  cursor: pointer;
  color: var(--blue);
  font-family: var(--font);
}

.formulario .caja-reunion label:hover .hora-text,
.formulario .caja-reunion input:checked + .hora-text {
  font-weight: 500;
  color: white;
  background-color: var(--blue);
}
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 30px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.form-contacto .slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  bottom: 4px;
  background-color: var(--blue);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: grey;
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--blue);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/* Popups */

.popup {
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(46, 51, 112,0.9);
}
.popup-nos1 {
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

.popup.show {
  opacity: 1;
  pointer-events: all;
}

.popup .formulario {
  width: 55%;
  position: relative;
}
.popup .formulario .form-checks {
  display: -ms-grid;
  display: grid;
  gap: 0.5rem;
}

.popup-descarga .formulario .empresa,
.popup-presupuesto .formulario .email {
  -ms-grid-column: 1;
  grid-column: 1;
}

.popup-descarga .formulario .email,
.popup-presupuesto .formulario .telefono {
  -ms-grid-column: 2;
  grid-column: 2;
}

.anchor {
  display: block;
  position: relative;
  top: -6rem;
  visibility: hidden;
}

.anchor#home {
  top: -10rem;
}

/*Home*/

.seccion-home {
  height: 100vh;
  background-size: cover;
  background-color: white;
  position: relative;
}
.home-arriba {
  position: relative;
  height: 100vh;
  right: 0;
  z-index: 4;
}
.home-arriba .left {
  padding-left: 6rem;
}
.home-arriba .right {
  padding-right: 6rem;
}
h1 {
  color: white;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 2.5rem;
  padding-top: 1rem;  
  text-transform: uppercase;
}
.home-arriba .left h2 {
  color: white;
  font-family: var(--font);
  font-weight: 300;
  font-size: 1.7rem;
  line-height: 1.7rem;
  padding-bottom: 1rem;
}
.home-arriba .left h3 {
  color: white;
  font-family: var(--font);
  font-weight: 300;
  font-size: 1.3rem;
  padding-top: 1rem;
  line-height: 1.3rem;
}
.home-arriba .left .subti2 {
  color: white;
  font-family: var(--font);
  font-weight: 300;
  font-style: italic;
  font-size: 1.3rem;
  line-height: 1.3rem;
  padding-bottom: 1rem;
}
.home-arriba .tituloder {
  color: white;
  font-family: var(--font);
  font-weight: bold;
  font-size: 1.7rem;
  line-height: 1.7rem;
  padding-bottom: 1rem;
}
.seccion-home .formder {
  position: relative;
}
.home-arriba .pregunta {
  color: white;
  font-family: var(--font);
  font-weight: normal;
  font-size: 1.1rem;
  line-height: 1.1rem;
  cursor: pointer;
}
.home-arriba .pregunta:hover {
  text-decoration: underline;
}
.seccion-home .right .formulario {
  position: relative;
  z-index: 2;
}
.fondo {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  height: 100vh;
  clip-path: polygon(24% 0, 100% 0, 100% 100%, 0% 100%);
  background-color: var(--blue);
  mix-blend-mode: multiply;
}
.slick-slider {
  overflow: hidden;
}
.carrusel-contenido-home {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.carrusel-home .slick-track {
  overflow: hidden;
  height: 100vh;
}
.carrusel-home img {
  object-fit: contain;
}
.carrusel-home .slick-dots {
  top: -190px;
  left: 85px;
  position: relative;
  z-index: 6;
}
.carrusel-sectores .slick-dots {
  top: -40px;
  left: 40%;
  position: relative;
  z-index: 6;
  outline: none;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  outline: none;
}
button:focus-visible,
[type="button"]:focus-visible,
[type="reset"]:focus-visible,
[type="submit"]:focus-visible {
  outline: none;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 40px;
  height: 40px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li:before {
  content: "\25CF";
  font-size: 42px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #e3e3e3;
}
.slick-dots .slick-active:before {
  color: var(--green);
  outline: none;
}
.nexthome {
  height: 20px;
  margin-top: -43px;
  position: relative;
  z-index: 15;
}
/* Procesos y Productos */

.seccion-productos {
  background-color: #eff6ff;
}
.seccion-productos-altura {
  padding: 2rem;
}
.atencion-btn {
  padding: 2rem;
}
.seccion-productos h2 {
  color: black;
  font-weight: lighter;
  font-size: 2rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.seccion-productos h3 {
  color: var(--blue);
  font-weight: bold;
  font-size: 1.8rem;
}

.seccion-productos .subti strong {
  font-weight: bold;
}

.fondo-bl {
  background-color: transparent;
}

.subproductos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0rem;
}
.subproductos.open {
  grid-template-columns: repeat(9, 1fr);
  gap: 0rem;
}
.overlay h3 {
  display: none;
}
.subproducto:hover h2 {
  display: none;
}
.subproducto {
  transition: 0.3s;
}
.overlay:hover h3 {
  display: block;
  color: white;
  padding-top: 10%;
}
.overlay {
  position: relative;
  background: var(--blue);
  width: 800px;
  height: 800px;
  mix-blend-mode: multiply;
  z-index: 100;
  cursor: pointer;
}
.overlay:hover {
  position: absolute;
  background: var(--blue);
  width: 800px;
  height: 800px;
  mix-blend-mode: multiply;
  z-index: 100;
}
.contenidoauto {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 1rem;
  background-color: white;
}
.subproducto.active .contenidoauto {
  display: block;
  position: relative;
  opacity: 1;
  visibility: visible;
  width: 100%;
  background-color: white;
  border: 4px solid white;
}

.subproducto.active .overlay {
  display: none;
}
.subproducto.active .sub1,
.subproducto.active .sub2,
.subproducto.active .sub3s {
  display: none;
}
.subproducto.active .botoncerrar {
  display: block;
  position: absolute;
  opacity: 1;
  visibility: visible;
  left: 0;
  top: 0;
  cursor: pointer;
  padding: 1rem;
}
.contenidoauto h4 {
  color: var(--blue);
  font-size: 1.5rem;
}
.contenidoauto .textocont {
  color: black;
  font-size: 1rem;
  margin-top: 1rem;
  font-family: var(--arial);
}
.cerrar {
  padding: 2rem;
}
.js .slider-single > div:nth-child(1n + 2) {
  display: none;
}

.js .slider-single.slick-initialized > div:nth-child(1n + 2) {
  display: block;
}

.subproducto h2 {
  color: var(--blue);
  font-size: 1.5rem;
  text-transform: unset;
  padding-top: 1em;
  padding-left: 2rem;
  text-align: center;
}
.subproducto h3 {
  padding-top: 0;
  color: black;
  font-size: 1.3rem;
  text-transform: unset;
  padding-top: 1rem;
  padding-left: 2rem;
  letter-spacing: 0;
}

.slider-single img {
  width: 300px;
}
.slider-nav img {
  width: 120px;
  cursor: pointer;
}
.slider-single2 img {
  width: 300px;
}
.slider-nav2 img {
  width: 120px;
  cursor: pointer;
}
.item {
  background-color: white;
  width: 190px;
  height: 190px;
}
.item img {
  mix-blend-mode: multiply;
}
.item:hover {
  background-color: var(--green);
  clip-path: circle(50% at 50% 50%);
}
.slider-single img,
.slider-nav img,
.slider-single2 img,
.slider-nav2 img {
  object-fit: contain;
  margin: auto;
}
.numero {
  position: absolute;
  top: 50%;
  right: 20%;
  transform: translateY(-50%);
  width: 60%;
  z-index: 4;
}

.svgposic {
  opacity: 0.3;
  position: absolute;
  top: 68%;
  right: 32%;
  transform: translateY(-50%);
  width: 60%;
  z-index: 4;
}

.subproducto:hover .svgposic {
  opacity: 1;
}

.textocont {
  width: 90%;
  font-size: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.subproducto {
  display: flex;
  overflow: hidden;
  position: relative;
  background-color: white;
  transition: 0.3 ease;
  height: 70vh;
}
.sub1 {
  clip-path: polygon(0 0, 100% 0, 97% 100%, 0% 100%);
}
.sub2 {
  clip-path: polygon(3% 0, 100% 0, 97% 100%, 0% 100%);
}
.sub3 {
  clip-path: polygon(3% 0, 100% 0, 100% 100%, 0% 100%);
}
.subproducto:hover img {
  transform: scale(1.2);
  transition: 0.3s;
  top: 30%;
}
.subproducto .contenidoauto:hover img {
  transform: scale(1) !important;
  transition: 0.3s;
}

.izquierdoprod:hover {
  position: absolute;
  z-index: -3;
}
.contenidoauto h3 {
  color: black;
  font-weight: bold;
  text-transform: unset;
  padding-top: 0rem;
  padding-left: 0rem;
}

.contenidoauto h2 {
  color: var(--blue);
  font-weight: normal;
  padding-top: 0rem;
  padding-left: 0rem;
}
.izquierdoprod {
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.izquierdoprod {
  flex-grow: 1;
}
.subproducto.active .izquierdoprod {
  display: none;
}
.subproducto.active h3 {
  opacity: 1;
}
.sub1.active,
.sub2.active,
.sub3.active {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.subproducto.active:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  grid-column: 1 / span 7;
}
.subproducto.active:nth-child(2) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 7;
  grid-column: 2 / span 7;
}

.subproducto.active:nth-child(3) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 7;
  grid-column: 3 / span 7;
}

.subproductos.open .subproducto:not(.active) h3 {
  writing-mode: vertical-rl;
  z-index: 2;
  font-weight: bold;
  color: black;
  position: absolute;
  left: 50%;
  bottom: 2%;
  top: 0;
  text-align: start;
  padding: 2rem;
  transform: translateX(-50%) scale(-1);
}
.subproductos.open .subproducto:not(.active) .numerod {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  object-fit: contain;
}
.subproductos.open .subproducto:not(.active) .svgposid {
  opacity: 1;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.numerod,
.svgposid {
  opacity: 0;
}
.subproductos.open .subproducto:not(.active) .svgposic,
.subproductos.open .subproducto:not(.active) .numero {
  display: none;
}

.subproductos.open .subproducto:not(.active) h2 {
  display: none;
}
.botonmas {
  margin-left: 2rem;
}

.botoncerrar {
  opacity: 0;
}
.slider-detalles .slick-track {
  overflow: hidden;
  height: 240px;
}
.termo {
  background-color: #4f5894;
  color: white;
  margin-bottom: 0.2rem;
  font-size: 1.2rem;
  padding: 0.6rem;
  cursor: pointer;
}
.clietien {
  margin-top: 2rem;
}
.tienda {
  background-image: url("img/tienda.png");
}
.cliente {
  background-image: url("img/cliente.png");
}
.razones {
  background-size: contain;
  background-repeat: no-repeat;
  height: 12vw;
  padding: 2rem;
  width: 50%;
}
.razones h3 {
  color: white;
  text-transform: uppercase;
  font-size: 1.3rem;
}
.razones p {
  color: white;
  font-size: 1.2rem;
}
.razones a {
  color: white;
  text-decoration: underline;
  font-size: 1.2rem;
}
.nextprod {
  height: 40px;
  margin-top: 20px;
}
.seccion-videos-prod {
  padding-bottom: 3rem;
}
.izquierdavideo {
  position: relative;
  cursor: pointer;
}
.derechavideo {
  position: relative;
  cursor: pointer;
  margin-left: 20px;
}
.encimavid {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  background-size: contain;
  position: relative;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transition: 0.3s;
  height: 100%;
  padding: 1rem 2rem;
}
.encimavid.active {
  opacity: 0;
}
.encimavid2 {
  background-color: rgba(0, 0, 0, 0.404);
  background-size: contain;
  background-repeat: no-repeat;
}

.encimavid h2 {
  color: white;
  text-transform: none;
  padding: 1rem;
}
.encimavid p {
  color: white;
  font-size: 1rem;
  line-height: 1rem;
  padding: 1rem;
}

.videodiv {
  background-size: cover;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
}
.seccion-productos .video1 {
  opacity: 1;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.seccion-productos .video1.active {
  opacity: 1;
  z-index: 3;
}

.izquierdavideo.active .encimavid {
  opacity: 0;
}
.derechavideo.active .encimavid {
  opacity: 0;
}
.textoabajonos {
  text-align: center;
  font-family: var(--arial);
  padding: 1rem;
}

/*  Nosotros */
.item1:hover,
.item2:hover,
.item3:hover {
  transform: scale(1.2);
  transition: 0.3s;
}
.seccion-nosotros {
  background-color: white;
}
.seccion-nosotros-altura {
  padding-top: 4rem;
  padding-left: 2rem;
}
.seccion-nosotros .subti3{
  color: var(--blue);
  font-size: 1.5rem;
  font-weight: bold;
}
.seccion-nosotros ul li{
  list-style-type: disc;
  font-size: 1.1rem;
  text-indent: 8px;
  margin-left: 2rem;
  font-family: var(--arial);
}
.seccion-nosotros h2 {
  color: black;
  font-weight: lighter;
  font-size: 2rem;
  padding-top: 2rem;
}
.seccion-nosotros h3 {
  color: var(--blue);
  font-weight: bold;
  font-size: 1.8rem;
}
.seccion-nosotros p {
  color: black;
  font-family: var(--arial);
  font-size: 1.1rem;
  padding-top: 1rem;
}
.nositem {
  cursor: pointer;
  width: 14.28%;
}
.popup .fondo-popupnos {
  width: 40%;
  position: relative;
}
.fondo-popupnos {
  height: 22vw;
  padding: 4rem;
}
.fondo1 {
  background-image: url("img/fondo1.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.fondo2 {
  background-image: url("img/fondo2.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.fondo3 {
  background-image: url("img/fondo3.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.fondo4 {
  background-image: url("img/fondo4.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.fondo5 {
  background-image: url("img/fondo5.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.fondo6 {
  background-image: url("img/fondo6.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.fondo7 {
  background-image: url("img/fondo7.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.fondo-popupnos h2,
.fondo-popupnos p {
  margin-top: 1.5rem;
}
.box {
  display: block;
  width: 100%;
  overflow: hidden;
  height: 12vw;
  text-align: center;
  position: relative;
}

.overlaynos {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.corner-top .overlaynos {
  background-image: url("img/30h.svg");
  background-repeat: no-repeat;
  height: 12vw;
  color: #fff;
  transform: translate(-100%, -100%);
  -webkit-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  padding: 0.5rem;
}
.item1 .overlaynos {
  background-image: url("img/30h.svg");
}
.item2 .overlaynos {
  background-image: url("img/calidadh.svg");
}

.nositem img {
  margin: 3rem;
}
.corner-top .box:hover .overlaynos {
  transform: translate(0, 0);
}
.box:hover img {
  opacity: 0;
}
.overlaynos p {
  opacity: 0;
}
.overlaynos h2 {
  opacity: 0;
}
.overlaynos:hover h2 {
  opacity: 1;
  color: white;
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: left;
}
.overlaynos:hover p {
  opacity: 1;
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  color: white;
  font-size: 0.8rem;
  text-align: left;
}


.nextnos {
  margin-top: 50px;
}
/*  Servicios */
.seccion-servicios {
  background-color: #eff6ff;
}
.seccion-servicios-altura {
  padding-top: 4rem;
  padding-left: 2rem;
}
.seccion-servicios .subti3{
  color: var(--green);
  font-size: 1.5rem;
  font-weight: bold;
}
.seccion-servicios h2 {
  color: black;
  font-weight: lighter;
  padding-top: 2rem;
  font-size: 2rem;
  padding-top: 2rem;
}
.seccion-servicios h3 {
  color: var(--blue);
  font-weight: bold;
  font-size: 1.8rem;
}
.seccion-servicios p {
  color: black;
  font-family: var(--arial);
  font-size: 1.1rem;
  padding-top: 1rem;
}
.serviciosbajo {
  margin-top: 2rem;
}
.services h2 {
  color: white;
  font-weight: bold;
  padding-top: 2rem;
  font-size: 1.5rem;
  text-align: center;
}

.container {
  position: relative;
  width: 33%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: 0.5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.7;
  background-color: var(--blue);
}

.container:hover .middle {
  opacity: 1;
}
.seccion-servicios .subti3{
  color: var(--green);
  font-size: 1.5rem;
  font-weight: bold;
}
.text {
  color: white;
  font-size: 16px;
}

.container p {
  color: white;
  text-align: start;
}
.biowash {
  margin-left: 10rem;
}
.absor {
  margin-right: 10rem;
}
.btonservi {
  margin-top: 1.5rem;
}
.nextserv {
  margin-top: 20px;
}
/*  Sistemas Ecológicos */
.seccion-sistemas {
  background-color: rgba(209, 255, 227, 1)
}
.seccion-sistemas-altura {
  padding-top: 4rem;
  padding-left: 2rem;
  padding-bottom: 3rem;
}
.seccion-sistemas h2 {
  color: black;
  font-weight: lighter;
  padding-top: 2rem;
  font-size: 2rem;
  padding-top: 2rem;
}
.seccion-sistemas p {
  color: black;
  font-family: var(--arial);
  font-size: 1.1rem;
  padding-top: 1rem;
}
.seccion-sistemas h3 {
  color: var(--green);
  font-weight: bold;
  font-size: 1.8rem;
}
.seccion-videos-prod {
  padding-bottom: 3rem;
}
.izquierdavideo {
  position: relative;
  cursor: pointer;
}
.derechavideo {
  position: relative;
  cursor: pointer;
  margin-left: 20px;
}
.encimavid {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  background-size: contain;
  position: relative;
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  transition: 0.3s;
  height: 100%;
  padding: 1rem 2rem;
}
.encimavid.active {
  opacity: 0;
}
.encimavid2 {
  background-color: rgba(0, 0, 0, 0.404);
  background-size: contain;
  background-repeat: no-repeat;
}

.encimavid h2 {
  color: white;
  text-transform: none;
  padding: 1rem;
}
.encimavid p {
  color: white;
  font-size: 1rem;
  line-height: 1rem;
  padding: 1rem;
}

.videodiv {
  background-size: cover;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
}
.seccion-sistemas .video1 {
  opacity: 1;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.seccion-sistemas .video1.active {
  opacity: 1;
  z-index: 3;
}

.izquierdavideo.active .encimavid {
  opacity: 0;
}
.derechavideo.active .encimavid {
  opacity: 0;
}
/*  Calidad */
.seccion-calidad {
  background-image: url("img/calidad.jpg");
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}
.seccion-calidad-arriba,
.seccion-calida-abajo {
  padding: 2rem;
  height: 50vh;
}

.seccion-calidad h2 {
  color: white;
  font-weight: lighter;
  font-size: 2rem;
  padding-top: 2rem;
}
.seccion-calidad h3 {
  color: white;
  font-weight: bold;
  font-size: 1.8rem;
}
.seccion-calidad p {
  color: white;
  font-family: var(--arial);
  font-size: 1.1rem;
  padding-top: 1rem;
  padding-right: 2rem;
}
.arribacali,
.arribacalih,
.arribacali2,
.arribacalih2 {
  position: relative;
  z-index: 3;
  text-align: center;
  cursor: pointer;
}

.arribacalih,
.arribacalih2 {
  padding: 2rem;
}
.arribacalih ul li,
.arribacalih2 ul li {
  color: white;
  text-align: start;
  font-size: 1.1rem;
  list-style-type: disc;
}
.arribacalih h3,
.arribacalih2 h3 {
  color: white;
  text-align: start;
}
.derechacalidad {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  height: 50vh;
  background-color: var(--blue);
  mix-blend-mode: multiply;
  opacity: 0.5;
  width: 50%;
}
.arribacali {
  position: absolute;
  top: 9%;
  right: 23%;
  height: 50vh;
}
.arribacalih {
  position: relative;
  height: 50vh;
}
.arribacali2 {
  position: absolute;
  bottom: 0;
  right: 21%;
  height: 50vh;
}
.derechacalidad2 {
  z-index: 1;
  position: absolute;
  bottom: 11%;
  right: 0;
  height: 50vh;
  background-color: var(--blue);
  mix-blend-mode: multiply;
  opacity: 0.2;
  width: 50%;
}

.derechacalidadhover {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  height: 50vh;
  background-color: var(--blue);
  background-image: url("img/diamante\ 1.svg");
  background-position: left;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  opacity: 0.8;
  width: 50%;
}
.derechacalidad2hover {
  z-index: 1;
  position: absolute;
  bottom: 11%;
  right: 0;
  height: 50vh;
  background-color: var(--blue);
  background-image: url("img/compromish.svg");
  background-position: left;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  opacity: 0.8;
  width: 50%;
}
.abajoscalidad {
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 50vh;
  background-color: var(--blue);
  mix-blend-mode: multiply;
  opacity: 0.2;
  width: 50%;
}
.seccion-calida-abajo img {
  width: 25%;
}
.logosbajo {
  margin-bottom: 10rem;
}

.textomas1,
.textomas2 {
  opacity: 0;
}
.textomas1.active,
.textomas2.active {
  opacity: 1;
}
.derechacalidad.active,
.arribacali.active {
  opacity: 0;
}
.derechacalidad2.active,
.arribacali2.active {
  opacity: 0;
}
/*  Contacto */
.direccion a {
  color: white;
}
.seccion-contacto {
  background-image: url("img/contacto.jpg");
  height: 100vh;
  background-size: cover;
  position: relative;
}
.seccion-contacto-altura {
  height: 90vh;
}
.seccion-contacto .right {
  position: absolute;
  right: 0;
}
.seccion-contacto .form-content {
  padding: 1rem 2rem;
  z-index: 2;
  position: relative;
}
.seccion-contacto p {
  color: white;
  font-family: var(--arial);
  font-size: 1.1rem;
  padding-top: 1rem;
  padding-right: 2rem;
}
.contacto-arriba {
  position: relative;
  height: 100vh;
  right: 0;
  z-index: 4;
}
.seccion-contacto h2 {
  color: white;
  font-weight: lighter;
  font-size: 2rem;
  padding-top: 2rem;
}
.contacto-arriba .left {
  padding-left: 6rem;
}
.contacto-arriba .right {
  padding-right: 6rem;
}
.direccion {
  color: white;
  font-weight: 500;
  font-size: 1.2rem;
  margin-top: 100px;
  line-height: 1.2rem;
}
.contacto-arriba .left h3 {
  color: white;
  font-weight: bold;
  font-size: 1.8rem;
}
.titulo-form {
  background-color: var(--blue);
}
.seccion-contacto .formulario-texto {
  z-index: 2;
  position: relative;
  padding: 0rem 2rem;
}
.seccion-contacto .right {
  position: relative;
  width: 40%;
  right: 0;
}
.popup .form-subtitulo-home {
  font-size: 1.7em;
  font-weight: 700;
}
.seccion-contacto .right .form-subtitulo-home {
  font-size: 1.2em;
  text-align: start;
  color: white;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
}
.carrusel-marcas {
  z-index: 2;
  bottom: 13%;
  background-color: white;
}
.carrusel-marcas img {
  display: block;
  height: 120px;
  padding: 2rem;
  object-fit: contain;
  object-position: center;
}

/* Popup */
.popup-descarga .form-content {
  background: transparent;
}

.popup-descarga .form-content {
  padding: 3rem 2rem;
}
.popup-dossier .form-content {
  background: var(--blue);
}

.popup-dossier .form-content {
  padding: 3rem 2rem;
}
.pie {
  font-family: var(--arial);
  color: white;
  position: relative;
  padding-top: 55%;
}
/* Cookie Banner */

.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3001;
  padding: 1rem var(--lateral);
  border-top:3px solid var(--blue) ;
  background-color: white;
  transition: 0.3s;
}

.cookie-banner.hidden {
  opacity: 0;
  pointer-events: none;
}

.cookie-banner .texto {
  font-size: 0.875rem;
}

.cookie-banner .cookie-botones {
  flex-shrink: 0;
}

.cookie-banner .btn {
  font-size: 0.875rem;
  margin: 0 0.5rem;
  padding: 0.75rem 1.5rem;
  background: var(--blue);
}

.cookie-banner .btn::after {
  content: none;
}
.cookie-banner .btn:hover {
  background: white;
  border: 1px solid var(--blue)
}
.cookie-banner .banner-close {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  color: black;
  line-height: 1;
  cursor: pointer;
}

.cookie-banner .banner-close::before {
  content: var(--close);
  font-family: var(--elegant);
}

.grecaptcha-badge {
  z-index: 3000;
}
/* Media queries */

@media screen and (max-width: 1440px) {
  .carrusel-home .slick-dots {
    top: -200px;
  }
  h1 {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
  .subproducto {
    height: 80vh;
  }
  .subproducto h2 {
    color: var(--blue);
    font-size: 1.5rem;
    text-transform: unset;
    padding-top: 25%;
    text-align: center;
    position: relative;
    z-index: 13;
  }
  .derechacalidad2 {
    z-index: 1;
    position: absolute;
    bottom: 12.7%;
    right: 0;
    height: 50vh;
    background-color: var(--blue);
    mix-blend-mode: multiply;
    opacity: 0.2;
    width: 50%;
  }
  .derechacalidad2hover {
    z-index: 1;
    position: absolute;
    bottom: 12.7%;
    right: 0;
    height: 50vh;
    background-color: var(--blue);
    background-image: url("img/compromish.svg");
    background-position: left;
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    opacity: 0.8;
    width: 50%;
  }
  .pie {
    font-family: var(--arial);
    color: white;
    position: relative;
    padding-top: 35%;
  }
}


@media screen and (max-width: 980px) {
  .button_container {
    display: block;
    flex-shrink: 0;
  }

  .only-mobile {
    display: block !important;
  }

  .only-desktop {
    display: none !important;
  }

  .flex-row {
    flex-flow: row wrap;
  }
  .col-1-2,
  .col-1-3,
  .col-2-3,
  .col-1-4,
  .col-20,
  .col-30,
  .col-40,
  .col-60,
  .col-70,
  .col-80 {
    width: 100%;
  }

  header#masthead {
    position: fixed;
    top: 0;
    transform: unset;
    margin-bottom: 0;
    background: white;
    opacity: 0.8;
    height: 88px;
  }

  header#masthead.scrolled {
    background: white;
    opacity: 0.8;
  }

  header#masthead.scrolled .button_container span {
    background-color: var(--blue);
  }

  .header-container {
    padding: 2rem;
  }

  .site-branding {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    opacity: 1;
    height: auto;
    margin-top: 1rem;
  }

  .site-branding a {
    height: 100%;
  }

  .header-telefono-top {
    font-size: 0.75rem;
    color: white;
    background-color: transparent;
    margin: 0 0.75rem 0 auto;
    height: auto !important;
    padding: 0.5rem;
    border-radius: 32px;
  }
  .site-branding img {
    height: 90px;
    margin-top: 43px;
  }
  .main-navigation {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 5.5rem;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    transition: 0.3s;
    padding: 2rem var(--lateral);
    overflow: auto;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }
  .header-telefono {
    margin: 1rem;
  }
  .main-navigation.open {
    opacity: 1;
    pointer-events: all;
  }

  .main-navigation > ul {
    flex-direction: column;
    align-items: flex-end;
  }

  .main-navigation > ul li a {
    font-size: 1.5rem !important;
    padding: 1rem 0 !important;
    text-align: right;
  }

  .main-navigation > ul li a::after {
    left: 0;
    right: 0;
    transform: translateY(0);
  }

  .main-navigation .menu-bottom {
    display: flex !important;
    flex-flow: column;
    text-align: right;
    align-items: flex-end;
    font-size: 1.25rem;
    padding-bottom: 2rem;
  }

  .main-navigation .menu-bottom .header-right {
    flex-flow: column;
    align-items: flex-end;
    padding-bottom: 1rem;
  }

  .main-navigation .menu-bottom .header-descarga {
    margin: 1rem 0 2rem;
  }
  .main-navigation > ul li a:hover,
  .main-navigation > ul li.active a {
    color: var(--red);
    padding-top: 5rem;
  }
  .main-navigation .menu-bottom .header-descarga::after {
    content: none;
  }

  .anchor {
    top: -4rem;
  }

  .anchor#contacto {
    top: -6rem;
  }
  .btn {
    padding-bottom: 1.2rem;
    margin: 2rem;
  }
  .btn:hover {
    padding-bottom: 1.2rem;
  }
  .popup .fondo-popupnos {
    width: 100%;
    position: relative;
  }
  .fondo-popupnos {
    height: auto;
    padding: 4rem;
  }
  .popup .formulario {
    width: 100%;
    position: relative;
  }
  /* HOME */
  .home-arriba .left {
    padding-left: 2rem;
    padding-top: 5rem;
  }
  .home-arriba .left h2 {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }
  h1 {
    font-size: 2rem;
    line-height: 2rem;
    padding-bottom: 0.5rem;
  }
  .home-arriba .left h3 {
    font-size: 1rem;
    line-height: 1rem;
  }
  .home-arriba .left .subti2 {
    font-size: 1rem;
    line-height: 1rem;
  }
  .home-arriba .right {
    padding-left: 2rem;
    padding-bottom: 6rem;
    padding-right: 0rem;
    background: var(--blue);
    width: 100%;
    opacity: 0.8;
    padding-top: 2rem;
  }

  .home-arriba .tituloder {
    font-size: 1.3rem;
    line-height: 1.3rem;
  }
  .home-arriba .pregunta {
    font-size: 1rem;
    line-height: 1rem;
  }
  .carrusel-home .slick-dots {
   display: none;
   opacity: 0;
  }
  .btn {
    padding: 0.75rem 0.5rem;
    height: 50px;
    margin: 0rem;
  }
  .btn:hover {
    padding: 2rem 0.5rem;
    height: 50px;
  }
  /* PRODUCTOS */
  .seccion-productos .left h3,
  .seccion-nosotros h3,
  .seccion-servicios h3,
  .seccion-calidad h3,
  .seccion-contacto h3 {
    font-size: 1.6rem;
  }
  .seccion-productos h2,
  .seccion-nosotros h2,
  .seccion-servicios h2,
  .seccion-calidad h2,
  .seccion-contacto h2 {
    font-size: 1.3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .contenidoauto .textocont {
    font-size: 1rem;
  }
  .subproducto {
    height: 15vh;
  }
  .numero {
    right: 0;
  }
  .subproducto.active:nth-child(1),
  .subproducto.active:nth-child(2),
  .subproducto.active:nth-child(3) {
    grid-column: unset;
    order: 0;
    flex-direction: column;
    height: auto;
  }
  .izquierdoprod h2 {
    font-size: 1.2rem;
    padding: 1rem;
    text-align: start;
  }
  .subproductos {
    grid-template-columns: 1fr;
  }
  .subproductos.open .subproducto:not(.active) .numerod {
    top: -138%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 60vh;
    transform: rotate(90deg);
  }
  .numero {
    width: 40%;
  }
  .subproductos.open .subproducto:not(.active) h3 {
    writing-mode: unset;
    left: 0;
    text-align: start;
    transform: unset;
  }
  .subproductos.open {
    grid-template-columns: 1fr;
    gap: 0rem;
  }
  .subproductos.open .subproducto:not(.active) h3 {
    top: 5%;
    }
    .overlay:hover h3 {
      padding-top: 5%;
      }
  .razones {
    height: auto;
    background-size: cover;
    background-position: center;
  }
  .razones p,
  .razones a {
    font-size: 1rem;
  }
  /* NOSOTROS */
  .seccion-nosotros p,
  .seccion-servicios p,
  .seccion-calidad p {
    font-size: 1rem;
  }
  .nositem {
    width: 33%;
  }

  .nositem img {
    margin: 2rem;
  }
  .derechavideo {
    margin-left: 0px;
    margin-top: 20px;
  }
  /*  SERVICIOS */

  .container {
    width: 100%;
    margin-bottom: 1rem;
  }
  .btonservi {
    margin-top: 0rem;
    padding: 1rem;
  }
  .biowash {
    margin-left: 0rem;
  }
  .absor {
    margin-right: 0rem;
  }
  /*  CALIDAD */
  .seccion-calidad {
    background-position: center;
  }
  .seccion-calidad-arriba,
  .seccion-calida-abajo {
    height: auto;
  }

  .derechacalidadhover {
    top: 21%;
    height: 40vh;
    width: 100%;
  }
  .derechacalidad {
    top: 21%;
    height: 40vh;
    width: 100%;
  }
  .arribacali {
    top: 26%;
    right: 41%;
  }
  .arribacalih {
    top: 5rem;
  }
  .seccion-calida-abajo .arribacalih {
    top: 0rem;
  }
  .arribacalih,
  .arribacalih2 {
    padding: 1rem;
  }
  .arribacali2 {
    bottom: 9%;
    right: 1%;
    width: 100%;
  }
  .derechacalidad2 {
    bottom: 17.7%;
    width: 100%;
  }

  .derechacalidad2hover {
    bottom: 10.7%;
    width: 100%;
  }
  .arribacalih ul li,
  .arribacalih2 ul li {
    color: white;
    text-align: start;
    font-size: 1rem;
    list-style-type: disc;
  }
  /*  CONTACTO */

  .seccion-contacto,
  .contacto-arriba {
    height: auto;
  }

  .contacto-arriba .left {
    padding: 2rem;
  }
  .direccion {
    margin-top: 20px;
    font-size: 1rem;
  }
  .contacto-arriba .right {
    padding-right: 1rem;
  }
  .seccion-contacto .right {
    width: 100%;
    background: var(--blue);
    opacity: 0.8;
  }
  .seccion-contacto .formulario {
    padding: 0rem 2rem;
  }
  .pie {
    padding-top: 5%;
    padding-left: 2rem;
  }
}

@media screen and (max-width: 580px) {
  .seccion-home,
  .home-arriba {
    height: auto;
  }
  .home-arriba .right {
    padding-bottom: 2rem;
    padding-top: 1rem;
}
  .home-arriba .left {
    padding-left: 2rem;
    padding-top: 7rem;
  }
  .nositem {
    width: 50%;
  }
  .seccion-calida-abajo img {
    width: 50%;
    padding: 1rem;
  }
  .carrusel-home .slick-dots {
    display: none;
  }
  .btn-secondary,
  .btn-secondary:hover
  .btn,
  .btn:hover {
    padding: 0.75rem .2rem;
  }

  .btonservi {
    padding: .2rem;
  }
  .derechavideo {
    margin-top: 60px;
}
}