@charset "UTF-8";
/* 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;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.invisible {
  visibility: hidden;
}

.novisible {
  display: none;
}

.no-desktop {
  display: none;
}

.no-responsive {
  display: initial;
}

.no-mobile {
  display: initial;
}

.only-mobile {
  display: none;
}

.no-touch {
  display: initial;
}

.no-scroll {
  overflow: hidden;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.fleft {
  float: left;
  text-align: left;
}

.fright {
  float: right;
  text-align: right;
}

.acenter {
  text-align: center;
}

.wfull {
  width: 100%;
}

.w100 {
  max-width: 1600px;
  margin: auto;
  padding: 0 90px;
}

.w80 {
  width: 80%;
  max-width: 1400px;
  margin: auto;
}

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

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

.vcenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* siempre dentro de un relative */
.slider .flickity-page-dots {
  bottom: -30px;
}

.slider .flickity-page-dots .dot {
  background: none;
  border: solid 1px #000000;
}

.slider.dots-dentro .flickity-page-dots {
  bottom: 20px;
}

.slider.dots-dentro .flickity-page-dots .dot {
  background: none;
  border: solid 1px #FFFFFF;
}

.col {
  padding: 0px 3%;
  float: left;
}

.w25 {
  width: 25%;
}

.w33 {
  width: 33%;
}

.w50 {
  width: 50%;
}

.w66 {
  width: 66%;
}

.w75 {
  width: 75%;
}

.h25 {
  height: 25%;
}

.h33 {
  height: 33%;
}

.h50 {
  height: 50%;
}

.h66 {
  height: 66%;
}

.h75 {
  height: 75%;
}

.h100 {
  height: 100%;
}

.w10 {
  width: 10%;
}

.w20 {
  width: 20%;
}

.w30 {
  width: 30%;
}

.w40 {
  width: 40%;
}

.w50 {
  width: 50%;
}

.w60 {
  width: 60%;
}

.w70 {
  width: 70%;
}

.w80 {
  width: 80%;
}

.w90 {
  width: 90%;
}

.h10 {
  height: 10vh;
}

.h20 {
  height: 20vh;
}

.h30 {
  height: 30vh;
}

.h40 {
  height: 40vh;
}

.h50 {
  height: 50vh;
}

.h60 {
  height: 60vh;
}

.h70 {
  height: 70vh;
}

.h80 {
  height: 80vh;
}

.h90 {
  height: 90vh;
}

.transitionall {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/*-----clases Dani-----------*/
.visible {
  display: block;
}

.absol {
  position: absolute;
}

.relative {
  position: relative;
}

.centro {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.cierre {
  clear: both;
}

.tl {
  text-align: left;
  margin: 0;
  padding: 0;
}

.flexbetween {
  display: flex;
  justify-content: space-between;
  padding: 0px;
  align-items: center;
}

.flexaround {
  display: flex;
  justify-content: space-around;
  padding: 0px;
  align-items: stretch;
}

.flexcolumn {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: left;
}

.flexcolumncenter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 0px;
}

.flexstrech {
  display: flex;
  justify-content: center;
  align-items: stretch;
}

.flexstart {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  align-items: flex-start;
}

.flexend {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  padding: 0px;
}

.no-wrap {
  flex-wrap: nowrap;
}

.pl-5 {
  padding-left: 5rem;
}

.pl-9 {
  padding-left: 15rem;
}

.pl-1 {
  padding-left: 1.5rem;
}

.pl-3 {
  padding-left: 4.4rem;
}

.pl-2 {
  padding-left: 2.4rem;
}

.px-4 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.px-5 {
  padding-left: 7rem;
  padding-right: 5rem;
}

.px-7 {
  padding-left: 8rem;
  padding-right: 7rem;
}

.px-9 {
  padding-left: 10.5rem;
  padding-right: 10rem;
}

.mb-0 {
  margin-bottom: 0.7rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mt-5 {
  margin-top: 8%;
}

.mt-1 {
  margin-top: 1.4rem;
}

.pt-3 {
  padding-top: 2.5rem;
}

.pt-5 {
  padding-top: 5rem;
}

.tr {
  text-align: end;
  align-content: flex-end;
  align-items: flex-end;
}

.mt-0 {
  margin-top: 0.5rem;
}

.m-auto {
  margin: auto;
}

.pb-2 {
  padding-bottom: 5rem;
}

/*-----fin clases dani-----*/
.arrow {
  border: solid white;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 8px;
}
.arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.arrow.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.arrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.dot {
  height: 6px;
  width: 6px;
  background-color: #FFFFFF;
  border-radius: 50%;
  display: block;
}

.overflowhidden {
  overflow: hidden;
}

.bounce-v {
  animation-name: bounce-v;
  animation-timing-function: ease;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes bounce-v {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15%);
  }
  100% {
    transform: translateY(0);
  }
}
.bounce-h {
  animation-name: bounce-h;
  animation-timing-function: ease;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes bounce-h {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-15%);
  }
  100% {
    transform: translateX(0);
  }
}
.bounce-float-v-6 {
  animation-name: bounce-float-v;
  animation-timing-function: ease-in-out;
  animation-duration: 6s;
  animation-iteration-count: infinite;
}

.bounce-float-v-9 {
  animation-name: bounce-float-v;
  animation-timing-function: ease-in-out;
  animation-duration: 9s;
  animation-iteration-count: infinite;
}

.bounce-float-v-12 {
  animation-name: bounce-float-v;
  animation-timing-function: ease-in-out;
  animation-duration: 12s;
  animation-iteration-count: infinite;
}

@keyframes bounce-float-v {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1.5%);
  }
  100% {
    transform: translateY(0);
  }
}
@media (max-width: 1024px) {
  .no-desktop {
    display: initial;
  }

  .no-responsive {
    display: none;
  }
}
@media (max-width: 767px) {
  .no-mobile {
    display: none;
  }

  .only-mobile {
    display: initial;
  }
}
@media (hover: none) {
  .no-touch {
    display: none;
  }
}
@font-face {
  font-family: "PF Square Sans Pro";
  src: url("../fonts/PFSquareSansPro-Light.woff2") format("woff2"), url("../fonts/PFSquareSansPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PF Square Sans Pro";
  src: url("../fonts/PFSquareSansPro-Medium.woff2") format("woff2"), url("../fonts/PFSquareSansPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PF Square Sans Pro";
  src: url("../fonts/PFSquareSansPro-Bold.woff2") format("woff2"), url("../fonts/PFSquareSansPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PF Square Sans Pro";
  src: url("../fonts/PFSquareSansPro-Regular.woff2") format("woff2"), url("../fonts/PFSquareSansPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*blue*/
/* blue sky */
/* yellow */
/* grisclaro */
/* grisoscuro */
/*blue head*/
html {
  scroll-behavior: smooth;
}

a {
  cursor: pointer;
  text-decoration: none;
  font-style: none;
  color: white;
}

strong {
  font-weight: 500;
}

h1 {
  font-size: 160%;
  line-height: 110%;
}

h2 {
  font-size: 180%;
  line-height: 115%;
  font-weight: 400;
}

h2.blanco {
  font-size: 180%;
  line-height: 115%;
  color: white;
  font-weight: 400;
}

h2.tituloblanco {
  font-size: 210%;
  line-height: 115%;
  color: white;
  font-weight: 400;
}

h3.blanco {
  font-size: 160%;
  line-height: 115%;
  color: white;
  font-weight: 400;
}

h5 {
  font-size: 60%;
  line-height: 90%;
}

p {
  font-size: 90%;
  line-height: 115%;
}

.p-big {
  font-size: 160%;
  line-height: 115%;
  font-weight: 400;
}

p.blanco {
  font-size: 100%;
  line-height: 110%;
  color: white;
}

p.tituloblanco {
  font-size: 150%;
  line-height: 110%;
  color: white;
}

.textopie {
  font-size: 90%;
  line-height: 140%;
  color: white;
}

.h3 {
  height: 4vh;
}

.fondo-blanco {
  background-color: #FFFFFF;
}

.fondo-azul {
  background-color: #30B6E6;
}

.fondo-azuloscuro {
  background-color: #045CD3;
}

.fondo-gris {
  background-color: #F5F5F5;
}

.fondogrisoscuro {
  background-color: #E5E5E5;
}

.flexwrap {
  flex-wrap: wrap;
}

.active-bold {
  font-weight: 600;
  border-bottom: 1px solid white;
}

.icono-azul {
  width: 50px;
  height: 50px;
}

.icono-azulbase {
  width: 50px;
  height: 50px;
}

.icono-azulmenor {
  width: 50px;
  height: 50px;
}

.dispositivos {
  padding-left: 1rem;
  padding-right: 4rem;
  padding-top: 2rem;
  width: 80%;
}

.prodli {
  display: flex;
  text-align: center;
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0%;
  height: 90vh;
}

.azaldu {
  opacity: 1 !important;
  transition: 0.5s;
}

button.atras {
  display: block;
  margin: 30px auto;
  width: 300px;
  height: 25px;
  border: none;
  margin-top: 36.8rem;
  transition: 0.5s;
}

button.atras:hover {
  background-color: grey;
}

button.adelante {
  display: block;
  margin: 30px auto;
  width: 300px;
  height: 25px;
  border: none;
  margin-top: 36.8rem;
  transition: 0.5s;
}

button.adelante:hover {
  background-color: grey;
}

@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 200%;
  }

  h2 {
    font-size: 230%;
  }

  h2.blanco {
    font-size: 230%;
  }

  h3.blanco {
    font-size: 290%;
  }

  h2.tituloblanco {
    font-size: 300%;
  }

  p {
    font-size: 140%;
  }

  p.blanco {
    font-size: 140%;
  }

  p.lead {
    font-size: 0.9%;
  }

  .textopie {
    font-size: 110%;
  }

  .reverse {
    display: flex;
    flex-direction: row-reverse;
  }

  .mb-1 {
    margin-bottom: 1.2rem;
  }

  .px-5 {
    padding-left: 4rem;
    padding-right: 1.5rem;
  }

  .px-9 {
    padding-left: 2rem;
    padding-right: 1rem;
  }

  .px-7 {
    padding-left: 6rem;
    padding-right: 7rem;
  }

  .pl-3 {
    margin-left: 3rem;
  }

  .ml-4 {
    margin-left: 4rem;
  }

  .pl-2 {
    padding-left: 1rem;
  }

  .pl-5 {
    padding-left: 1rem;
  }

  .pl-6 {
    margin-left: 6rem;
  }

  .mt-1 {
    margin-top: 0rem;
  }

  .mt-5 {
    margin-top: 3rem;
  }

  .mt-3 {
    margin-top: 3rem;
  }

  .ml-6 {
    margin-left: 6rem;
  }

  .w60 {
    width: 60%;
  }

  .w50 {
    width: 50%;
  }

  .w40 {
    width: 40%;
  }

  .hint {
    height: 3vh;
  }

  .icono-azul {
    width: 50px;
    height: 50px;
  }

  .h45 {
    height: 45vh;
  }

  .baner {
    height: 60vh;
  }

  .titulohero {
    padding-top: 0rem;
    padding-bottom: 1rem;
    padding-left: 0rem;
    margin-right: 35rem;
    width: 100%;
  }

  .icono-azul {
    width: 43px;
    height: 43px;
  }

  .videoscroll {
    margin-right: 0.7rem;
    padding-top: 0.5rem;
  }

  .centromov {
    text-align: center;
    align-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 130%;
  }

  h2 {
    font-size: 170%;
  }

  h2.blanco {
    font-size: 170%;
  }

  h3.blanco {
    font-size: 190%;
  }

  p {
    font-size: 100%;
    line-height: 110%;
  }

  p.blanco {
    font-size: 105%;
  }

  p.lead {
    font-size: 0.9%;
  }

  p.tituloblanco {
    font-size: 130%;
  }

  h2.tituloblanco {
    font-size: 220%;
  }

  .flexwrap {
    flex-wrap: nowrap;
  }

  .active-bold {
    font-weight: 600;
    border-bottom: none;
  }

  .mb-1 {
    margin-bottom: 1.2rem;
  }

  .px-5 {
    padding-left: 2rem;
    padding-right: 1rem;
  }

  .px-9 {
    padding-left: 2rem;
    padding-right: 1rem;
  }

  .px-7 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .pl-3 {
    margin-left: 0rem;
  }

  .pl-1 {
    padding-left: 0rem;
  }

  .pl-2 {
    padding-left: 0rem;
  }

  .pl-5 {
    padding-left: 0rem;
  }

  .mt-1 {
    margin-top: 0rem;
  }

  .mt-5 {
    margin-top: 0;
  }

  .mt-3 {
    margin-top: 0;
  }

  .mt-5mov {
    margin-top: 13%;
  }

  .mt-3mov {
    margin-top: 5%;
  }

  .w60 {
    width: 100%;
  }

  .w50 {
    width: 100%;
  }

  .w40 {
    width: 100%;
  }

  .w25 {
    width: 90%;
  }

  .pt-footer {
    margin-top: 34rem;
  }

  .flexwrap {
    flex-wrap: nowrap;
  }

  .iconospie {
    width: 100%;
    padding-right: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 130%;
  }

  h2 {
    font-size: 170%;
  }

  h2.blanco {
    font-size: 170%;
  }

  h3.blanco {
    font-size: 190%;
  }

  p {
    font-size: 100%;
    line-height: 110%;
  }

  p.blanco {
    font-size: 105%;
  }

  p.lead {
    font-size: 0.9%;
  }

  p.tituloblanco {
    font-size: 130%;
  }

  h2.tituloblanco {
    font-size: 220%;
  }

  .mb-1 {
    margin-bottom: 1.2rem;
  }

  .px-5 {
    padding-left: 2rem;
    padding-right: 1rem;
  }

  .px-9 {
    padding-left: 2rem;
    padding-right: 1rem;
  }

  .px-7 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .pl-3 {
    margin-left: 0rem;
  }

  .pl-2 {
    padding-left: 0rem;
  }

  .mt-1 {
    margin-top: 0rem;
  }

  .mt-5 {
    margin-top: 0;
  }

  .mt-3 {
    margin-top: 0;
  }

  .mt-5mov {
    margin-top: 13%;
  }

  .mt-3mov {
    margin-top: 5%;
  }

  .w60 {
    width: 100%;
  }

  .w50 {
    width: 100%;
  }

  .w40 {
    width: 100%;
  }

  .w25 {
    width: 90%;
  }

  .pt-footer {
    top: 0;
  }

  .flexwrap {
    flex-wrap: nowrap;
  }

  .dispositivos {
    padding-left: 1rem;
    padding-right: 6rem;
  }

  .centromov {
    text-align: center;
    align-content: center;
    align-items: center;
    margin: auto;
  }

  .dispresp {
    margin-bottom: -1.3rem;
  }

  .icono-azul {
    width: 43px;
    height: 43px;
  }

  .h45 {
    height: 45vh;
  }

  .baner {
    height: 60vh;
  }

  .titulohero {
    padding-top: 11rem;
    padding-left: 2rem;
    margin-right: 5rem;
    width: 100%;
  }

  .px-7 {
    padding-left: 6rem;
    padding-right: 7rem;
  }
}
/* ------------------header y footer ordenador y responsive---------------- */
BODY {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.2vw;
  line-height: 120%;
  font-family: "PF Square Sans Pro", Helvetica, Arial, sans-serif;
}
BODY HEADER {
  position: fixed;
  z-index: 9999;
  width: 100vw;
  top: 0;
}
BODY HEADER DIV.hint {
  width: 100%;
  height: 4vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
BODY HEADER DIV.hint p {
  color: white;
  font-size: 1vw;
  font-weight: 200;
  text-align: center;
  width: 90%;
}
BODY HEADER NAV.menu {
  height: 9vh;
  background-color: #1271F1;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
BODY HEADER NAV.menu div.contenido {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 87%;
}
BODY HEADER NAV.menu div.contenido a {
  width: 13%;
}
BODY HEADER NAV.menu div.contenido a img.logo {
  width: 100%;
}
BODY HEADER NAV.menu div.contenido ul.enlaces {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 55%;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.boton-productos {
  display: flex;
  cursor: pointer;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.boton-productos p {
  color: white;
  letter-spacing: 1px;
  font-size: 1.2vw;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.boton-productos p span {
  padding: 5px;
  transition: 0.5s;
  margin-left: 8px;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos {
  width: 100vw;
  height: 88vh;
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  overflow: hidden;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: white;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos {
  display: flex;
  height: 80vh;
  width: 100%;
  flex: 1 1 0;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  transition: 0.7s;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.contenedor {
  padding: 10%;
  height: 90%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.contenedor img {
  width: 13vw;
  padding-top: 9vh;
  max-width: 13rem;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.contenedor h2 {
  color: black;
  padding-top: 2vh;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.contenedor p {
  color: black;
  font-size: 100%;
  padding: 5%;
  min-height: 30vh;
  letter-spacing: 0.5px;
  line-height: 120%;
  font-weight: 200;
  max-width: 30rem;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.icono-azul {
  width: 100%;
  display: none;
  justify-content: flex-end;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.icono-azul img {
  width: 50px;
  height: 50px;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a:hover {
  opacity: 0.7;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all a.all-products {
  width: 100%;
  background-color: #1271F1;
  height: 7vh;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.5s;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all a.all-products p {
  font-size: 110%;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all a.all-products:hover {
  opacity: 0.7;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li .desplegable-productos.active {
  display: flex;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li a {
  color: white;
  letter-spacing: 1px;
}
BODY HEADER NAV.menu div.contenido ul.enlaces li a span {
  padding: 5px;
  transition: 0.5s;
  margin-left: 10px;
}
BODY HEADER NAV.menu div.contenido div.caja-region {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 16%;
  position: relative;
  border-left: 1px solid white;
  border-right: 1px solid white;
}
BODY HEADER NAV.menu div.contenido div.caja-region a.boton-region {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-around;
  color: white;
}
BODY HEADER NAV.menu div.contenido div.caja-region a.boton-region img {
  width: 20px;
}
BODY HEADER NAV.menu div.contenido div.caja-region a.boton-region p {
  font-size: 1.2vw;
}
BODY HEADER NAV.menu div.contenido div.caja-region a.boton-region span {
  padding: 5px;
  transition: 0.5s;
}
BODY HEADER NAV.menu div.contenido div.caja-region ul.region {
  display: none;
  flex-direction: column;
  width: 14vw;
  position: absolute;
  top: 100%;
  padding-top: 3vh;
  background-color: #1271F1;
}
BODY HEADER NAV.menu div.contenido div.caja-region ul.region li {
  padding: 15px;
  border-bottom: 1px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
BODY HEADER NAV.menu div.contenido div.caja-region ul.region li a {
  color: white;
  display: flex;
  align-items: center;
  width: 90%;
  justify-content: flex-start;
  transition: 0.5s;
}
BODY HEADER NAV.menu div.contenido div.caja-region ul.region li a p {
  margin-left: 10%;
}
BODY HEADER NAV.menu div.contenido div.caja-region ul.region li a img {
  width: 20px;
  margin-right: 8%;
}
BODY HEADER NAV.menu div.contenido div.caja-region ul.region li:hover {
  opacity: 0.7;
}
BODY FOOTER {
  display: flex;
  flex-direction: column;
}
BODY FOOTER DIV.foot {
  display: flex;
  justify-content: space-between;
  padding: 4rem;
  align-items: baseline;
}
BODY FOOTER DIV.foot P {
  color: white;
  padding-bottom: 2%;
}
BODY FOOTER DIV.foot P a {
  color: white;
  text-decoration: none;
}
BODY FOOTER DIV.foot div.w25 div.redes {
  display: flex;
  width: 30%;
}
BODY FOOTER DIV.foot div.w25 div.redes a img {
  width: 40%;
}
BODY FOOTER IMG.logosfooter {
  margin: auto;
  width: 30%;
}
BODY FOOTER .logosFooter {
  display: flex;
  background-color: #E5E5E5;
  padding: 20px;
  width: 100%;
  margin: 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: center;
  align-items: center;
}
BODY FOOTER .logosFooter .logofooter {
  mix-blend-mode: darken;
}
BODY FOOTER .logosFooter p {
  font-size: 55%;
  width: 50%;
  padding: 20px 0px 20px 20px;
  max-width: 280px;
}

@media only screen and (min-width: 2200px) {
  FOOTER .logosFooter p {
    max-width: 580px !important;
  }
}
@media only screen and (max-width: 1024px) {
  BODY HEADER DIV.hint p {
    font-size: 120%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li a p {
    font-size: 100%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.boton-productos p {
    font-size: 100%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.contenedor {
    padding-top: 12vh;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.contenedor h2 {
    min-height: 4rem;
    margin-bottom: 2vh;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.contenedor img {
    max-width: 9rem;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.contenedor p {
    font-size: 110%;
    min-height: 25vh;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region a.boton-region p {
    font-size: 100%;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region ul.region li a p {
    font-size: 100%;
  }
  BODY FOOTER DIV.foot P {
    font-size: 110%;
    line-height: 130%;
  }
  BODY FOOTER DIV.foot div.w25 div.redes a img {
    width: 50%;
  }
  BODY FOOTER IMG.logosfooter {
    margin: auto;
    width: 30%;
  }
}
@media only screen and (max-width: 868px) {
  BODY .active-bold {
    font-weight: 600;
    border-bottom: none;
  }
  BODY HEADER {
    /* Icon 3 */
  }
  BODY HEADER DIV.hint p {
    font-size: 90%;
  }
  BODY HEADER NAV.menu div.contenido {
    width: 87%;
  }
  BODY HEADER NAV.menu div.contenido a {
    width: 25%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces {
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    background-color: #1271F1;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li {
    height: 11vh;
    border-top: 1px solid white;
    width: 100%;
    display: flex;
    align-items: center;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li a {
    font-size: 80%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li a p {
    padding-left: 7vw;
    font-size: 140%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.boton-productos {
    width: 100%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.boton-productos p {
    font-size: 120%;
    margin-left: 7%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.boton-productos p span {
    margin-top: 5px;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos {
    height: 76vh;
    top: 17%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-color: white;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos {
    flex-direction: column;
    height: 55vh;
    width: 100%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a {
    flex-direction: row;
    height: 18vh;
    width: 100%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.contenedor {
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0vw;
    padding-left: 7vw;
    width: 60%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.contenedor img {
    width: 26%;
    padding-top: 0vh;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.contenedor h2 {
    padding-top: 0vh;
    font-size: 130%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.contenedor p {
    display: none;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all div.productos a div.icono-azul {
    display: flex;
    width: 30%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all a.all-products {
    width: 100%;
    background-color: #1271F1;
    height: 10vh;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.desplegable-productos div.productos-mas-all a.all-products p {
    font-size: 120%;
    margin-left: -20px;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li a {
    color: white;
    letter-spacing: 1px;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li a span {
    padding: 5px;
    transition: 0.5s;
    margin-left: 10px;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li:last-child {
    border-bottom: 1px solid white;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces.active {
    display: flex;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region {
    width: 30%;
    border: none;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region a.boton-region img {
    width: 20px;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region a.boton-region p {
    font-size: 90%;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region a.boton-region span {
    padding: 5px;
    transition: 0.5s;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region ul.region {
    width: 30vw;
    margin-left: -10%;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region ul.region li {
    padding: 15px;
    border-bottom: 1px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region ul.region li a {
    color: white;
    display: flex;
    align-items: center;
    width: 90%;
    justify-content: flex-start;
    transition: 0.5s;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region ul.region li a p {
    margin-left: 10%;
    font-size: 90%;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region ul.region li a img {
    width: 20px;
    margin-right: 8%;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region ul.region li:hover {
    opacity: 0.7;
  }
  BODY HEADER #action-menu {
    width: 42px;
    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;
  }
  BODY HEADER #action-menu span {
    display: block;
    position: absolute;
    height: 1px;
    width: 80%;
    background: #ffffff;
    border-radius: 5px;
    opacity: 1;
    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;
  }
  BODY HEADER #action-menu span:nth-child(1) {
    top: 7px;
  }
  BODY HEADER #action-menu span:nth-child(2), BODY HEADER #action-menu span:nth-child(3) {
    top: 18px;
  }
  BODY HEADER #action-menu span:nth-child(4) {
    top: 29px;
  }
  BODY HEADER #action-menu.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  BODY HEADER #action-menu.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  BODY HEADER #action-menu.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  BODY HEADER #action-menu.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  BODY FOOTER {
    display: flex;
    flex-direction: column;
  }
  BODY FOOTER DIV.foot {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem;
    text-align: center;
  }
  BODY FOOTER DIV.foot P {
    color: white;
    padding-bottom: 2%;
    line-height: 120%;
  }
  BODY FOOTER DIV.foot P a {
    color: white;
    text-decoration: none;
  }
  BODY FOOTER DIV.foot div.w25 {
    width: 100%;
  }
  BODY FOOTER DIV.foot div.w25 div.redes {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  BODY FOOTER DIV.foot div.w25 div.redes a {
    width: 12%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 2vh;
  }
  BODY FOOTER DIV.foot div.w25 div.redes a img {
    width: 40%;
  }
  BODY FOOTER IMG.logosfooter {
    margin: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  BODY HEADER DIV.hint p {
    font-size: 80%;
  }
  BODY HEADER NAV.menu div.contenido a {
    width: 30%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li a {
    font-size: 80%;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li a p {
    padding-left: 7vw;
  }
  BODY HEADER NAV.menu div.contenido ul.enlaces li div.boton-productos p span {
    margin-top: 0px;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region {
    width: 35%;
  }
  BODY HEADER NAV.menu div.contenido div.caja-region ul.region {
    width: 40vw;
    margin-left: -20%;
  }
  BODY FOOTER DIV.foot P {
    line-height: 130%;
  }
  BODY FOOTER DIV.foot div.w25 div.redes a {
    width: 18%;
  }
  BODY FOOTER .logosFooter {
    display: flex;
    background-color: #E5E5E5;
    padding: 10px;
    width: 100%;
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
  }
  BODY FOOTER .logosFooter .logofooter {
    mix-blend-mode: darken;
  }
  BODY FOOTER .logosFooter p {
    font-size: 65%;
    width: 50%;
    padding: 10px 0;
    width: 100%;
    text-align: center;
  }
}
/*------------HOME--------------------------*/
/*------------HOME--------------------------*/
BODY.home {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
BODY.home SECTION {
  display: flex;
}
BODY.home SECTION.products DIV {
  flex-direction: column;
  height: 100%;
  padding: 5rem;
  text-align: center;
}
BODY.home SECTION.products IMG {
  width: 100%;
}
BODY.home SECTION.hero {
  height: 91.1vh;
  align-items: flex-start;
  margin-top: 13vh;
}
BODY.home SECTION.hero DIV.hero1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: auto;
  width: 40%;
  padding: 5%;
}
BODY.home SECTION.hero DIV.hero1 H1 {
  font-size: 170%;
  padding-left: 7%;
  font-weight: 400;
}
BODY.home SECTION.hero DIV.hero1 IMG.dispos {
  width: 100%;
  padding-top: 3%;
}
BODY.home SECTION.hero DIV.hero2 {
  width: 60%;
  height: 100%;
  overflow: hidden;
  /* arrow color */
}
BODY.home SECTION.hero DIV.hero2 DIV.hero2-slide p {
  padding-bottom: 1.5rem;
}
BODY.home SECTION.hero DIV.hero2 DIV.hero2-slide IMG {
  margin: 0;
}
BODY.home SECTION.hero DIV.hero2 element.style {
  left: 0%;
  height: 100%;
}
BODY.home SECTION.hero DIV.hero2 DIV.titulohero {
  position: absolute;
  z-index: 999;
  align-content: center;
  align-items: center;
  height: 100%;
  top: 0;
  right: 0;
  margin-right: 5vw;
  text-align: right;
  width: 30vw;
}
BODY.home SECTION.hero DIV.hero2 DIV.titulohero H2 {
  font-weight: 500;
  font-size: 220%;
}
BODY.home SECTION.hero DIV.hero2 DIV.titulohero P {
  font-weight: 400;
  font-size: 160%;
}
BODY.home SECTION.hero DIV.hero2 DIV.titulohero.caja .wrapper {
  background-color: #1271f1;
  padding: 2vw;
  padding-bottom: 0;
}
BODY.home SECTION.hero DIV.hero2 .flickity-prev-next-button.previous {
  left: 35%;
  top: 85%;
}
BODY.home SECTION.hero DIV.hero2 .flickity-prev-next-button.next {
  right: 35%;
  top: 85%;
}
BODY.home SECTION.hero DIV.hero2 .flickity-prev-next-button {
  width: 50px;
  height: 50px;
  background: transparent;
}
BODY.home SECTION.hero DIV.hero2 .flickity-prev-next-button .arrow {
  fill: #E5E5E5;
}
BODY.home SECTION.hero DIV.hero2 .flickity-prev-next-button:hover {
  background: transparent;
}
BODY.home SECTION.hero .slider .flickity-page-dots {
  bottom: 100px;
}
BODY.home SECTION.hero .flickity-page-dots .dot {
  border: 2px solid white;
}
BODY.home SECTION.baner {
  height: 50vh;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 0px;
}
BODY.home SECTION.baner P {
  font-size: 120%;
  padding-left: 8%;
  padding-right: 8%;
  line-height: 130%;
}
BODY.home SECTION.micro {
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding: 0px;
}
BODY.home SECTION.micro DIV.micro2 {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 100%;
  padding: 0px;
  padding: 5rem;
  overflow: hidden;
}
BODY.home SECTION.micro DIV.micro2 P {
  padding-top: 8px;
  line-height: 120%;
  font-size: 120%;
}
BODY.home SECTION.micro DIV.micro2 IMG.iconoazul {
  width: 45px;
  height: 45px;
  margin-top: 8px;
}
BODY.home SECTION.micro IMG {
  width: 45%;
}
BODY.home SECTION.micro DIV.micro3 {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: 100%;
  padding: 5rem;
  overflow: hidden;
}
BODY.home SECTION.micro DIV.micro3 P {
  padding-top: 8px;
  line-height: 120%;
  font-size: 120%;
}
BODY.home SECTION.micro DIV.micro3 IMG.iconoazul {
  width: 45px;
  height: 45px;
  margin-top: 8px;
}
BODY.home SECTION.micro DIV.micro3.oculto {
  display: none;
}
BODY.home SECTION.product-full-w div.img {
  width: 50vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4vw;
}
BODY.home SECTION.product-full-w div.img img {
  width: 70%;
}
BODY.home SECTION.product-full-w div.text {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40%;
}
BODY.home SECTION.product-full-w div.text h2 {
  color: black;
}
BODY.home SECTION.product-full-w div.text p {
  color: black;
  font-size: 130%;
  padding-top: 1.5vh;
}
BODY.home SECTION.product-full-w div.text img {
  width: 10%;
  padding-top: 1.5vh;
}
BODY.home SECTION.section4 {
  display: flex;
  flex-direction: row;
  background-color: #EFEEF3;
}
BODY.home SECTION.section4 .section4hijo P {
  line-height: 130%;
  font-size: 120%;
}
BODY.home SECTION.secfotos {
  display: flex;
}
BODY.home SECTION.secfotos DIV {
  width: 50%;
}
BODY.home SECTION.secfotos DIV DIV {
  padding: 4rem;
  width: 80%;
}
BODY.home SECTION.secfotos DIV DIV P {
  padding-bottom: 1rem;
  padding-top: 1.5rem;
  font-size: 120%;
  line-height: 130%;
}
BODY.home SECTION.secfotos IMG {
  height: 50vh;
}

/*-------------TECHNOLOGY-----------------------------*/
/*-------------TECHNOLOGY-----------------------------*/
BODY.technology {
  background-color: #E5E5E5;
}
BODY.technology ARTICLE.core-technology {
  height: 100%;
  /*-  DIV.imagen-fondo{ background-color: greenyellow; width: 100%; height: 30rem;}-*/
  /* arrow color */
}
BODY.technology ARTICLE.core-technology DIV.imagen-fondo {
  background-image: url("../img/img-fondo011.jpg");
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
}
BODY.technology ARTICLE.core-technology SECTION.techno {
  margin-top: -30vh;
  margin-left: 8%;
}
BODY.technology ARTICLE.core-technology SECTION.techno DIV.tarjeta {
  background-color: white;
  width: 90%;
}
BODY.technology ARTICLE.core-technology SECTION.techno DIV.tarjeta H3 {
  font-size: 200%;
  font-weight: 500;
  border-bottom: 1px solid black;
  padding: 4%;
}
BODY.technology ARTICLE.core-technology SECTION.techno DIV.tarjeta P {
  font-size: 130%;
  font-weight: 300;
  letter-spacing: 1.3px;
  line-height: 2.3rem;
  padding: 4%;
}
BODY.technology ARTICLE.core-technology DIV.techno3d {
  width: 70%;
  margin: auto;
}
BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color {
  width: 100%;
}
BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color DIV.contenedor {
  position: relative;
  width: 40%;
  margin: auto;
}
BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color DIV.contenedor .pointer {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
}
BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color DIV.tarjeta-slide {
  position: relative;
  z-index: 110;
  background-color: white;
  padding: 1rem;
  width: 55%;
  margin-top: 0%;
  left: 23%;
  display: flex;
  flex-direction: column;
  margin-bottom: 5%;
}
BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color DIV.tarjeta-slide DIV.cabeza {
  width: 100%;
  display: flex;
  border-bottom: 1px solid black;
}
BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color DIV.tarjeta-slide DIV.cabeza H3 {
  border: 0;
  padding-left: 0;
  width: 80%;
  font-size: 120%;
  font-weight: 500;
  padding-bottom: 1rem;
  line-height: 120%;
}
BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color P {
  padding-top: 1.5rem;
  font-size: 100%;
}
BODY.technology ARTICLE.core-technology .flickity-prev-next-button.previous {
  left: 17%;
  top: 42%;
}
BODY.technology ARTICLE.core-technology .flickity-prev-next-button.next {
  right: 17%;
  top: 42%;
}
BODY.technology ARTICLE.core-technology .flickity-prev-next-button {
  width: 40px;
  height: 40px;
}
BODY.technology ARTICLE.core-technology .flickity-prev-next-button .arrow {
  fill: #1271F1;
}
/*-------------RESOURCES-----------IMG{width:5%; transform: rotate(270deg);}------------------*/
/*-------------RESOURCES-----------------------------*/
BODY.resources {
  background-color: #F5F5F5;
}
BODY.resources DIV.fondo {
  background-image: url("../img/img-fondo08.jpg");
  height: 100vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
BODY.resources SECTION.resources01 {
  margin-top: -40rem;
}
BODY.resources SECTION.resources01 DIV {
  display: flex;
  margin: auto;
  justify-content: space-around;
  width: 98%;
}
BODY.resources SECTION.resources01 DIV A.tarjeta {
  cursor: pointer;
  margin-top: 7rem;
  background-color: white;
  width: 25%;
  display: flex;
  justify-content: space-between;
}
BODY.resources SECTION.resources01 DIV A.tarjeta H3 {
  font-size: 120%;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin: auto;
  color: black;
}
BODY.resources SECTION.resources01 DIV A.tarjeta IMG {
  object-fit: cover;
  width: 20%;
  height: 100%;
}
BODY.resources SECTION.resources01 DIV A.tarjeta:hover {
  opacity: 0.8;
}
BODY.resources SECTION.training-videos {
  width: 100%;
  margin: auto;
  padding-top: 10rem;
}
BODY.resources SECTION.training-videos DIV {
  width: 90%;
  background-color: white;
  margin: auto;
}
BODY.resources SECTION.training-videos DIV H3 {
  font-size: 200%;
  font-weight: 500;
  padding-left: 6rem;
  padding-bottom: 1.5rem;
  padding-top: 4.5rem;
  border-bottom: 1px solid black;
}
BODY.resources SECTION.training-videos DIV DIV.videos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 4rem;
  margin: auto;
}
BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual {
  display: flex;
  flex-direction: column;
  width: 30%;
  padding-bottom: 3rem;
  align-items: flex-end;
}
BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV {
  display: flex;
  flex-direction: row;
  padding: 4%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  width: 100%;
  background-color: #F5F5F5;
}
BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV DIV {
  width: 80%;
  display: flex;
  flex-direction: column;
}
BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV DIV h4 {
  font-size: 150%;
  line-height: 130%;
}
BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV DIV P {
  font-size: 90%;
  padding-top: 0.5rem;
}
BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV IMG {
  width: 100%;
  margin: auto;
  margin-top: 3rem;
}
BODY.resources SECTION.training-videos DIV IMG.masicono {
  width: 100%;
  margin: 10%;
}
BODY.resources SECTION.resources {
  width: 100%;
  background-color: #F5F5F5;
}
BODY.resources SECTION.resources DIV {
  width: 90%;
  background-color: white;
  margin: auto;
}
BODY.resources SECTION.resources DIV H3 {
  margin-top: 5rem;
  font-size: 200%;
  font-weight: 500;
  padding-left: 6rem;
  padding-bottom: 1.5rem;
  padding-top: 4.5rem;
  border-bottom: 1px solid #080808;
}
BODY.resources SECTION.resources DIV DIV.documentos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 4rem;
  align-items: flex-end;
}
BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual {
  display: flex;
  flex-direction: column;
  width: 30%;
  padding-bottom: 3rem;
  margin: auto;
}
BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV {
  display: flex;
  flex-direction: row;
  padding: 4%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  width: 100%;
  background-color: #F5F5F5;
}
BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV DIV {
  width: 80%;
  display: flex;
  flex-direction: column;
}
BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV DIV h4 {
  font-size: 150%;
}
BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV DIV P {
  font-size: 90%;
  padding-top: 0.5rem;
}
BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV IMG {
  width: 100%;
  margin-top: 2.5rem;
  padding-right: 1rem;
}
BODY.resources SECTION.resources IMG.masicono {
  width: 100%;
  margin: 10%;
}
BODY.resources SECTION.faq H2 {
  width: 90%;
  margin: auto;
  background-color: white;
  margin-top: 5rem;
  font-size: 200%;
  font-weight: 500;
  letter-spacing: 1.2px;
  padding-left: 6rem;
  padding-bottom: 1.5rem;
  padding-top: 4.5rem;
  border-bottom: 1px solid black;
}
BODY.resources SECTION.faq UL {
  width: 90%;
  margin: auto;
  background-color: white;
  padding-top: 1%;
}
BODY.resources SECTION.faq UL LI {
  width: 100%;
  margin: auto;
  margin-bottom: 1%;
  padding-top: 1%;
  padding-bottom: 3%;
  border-bottom: 1px solid black;
}
BODY.resources SECTION.faq UL LI A {
  padding-left: 5%;
}
BODY.resources SECTION.faq UL LI A p {
  width: 90%;
  margin: auto;
  color: black;
  font-size: 160%;
}
BODY.resources SECTION.faq UL LI A p SPAN {
  border-color: black;
}
BODY.resources SECTION.faq UL LI DIV.desplegable {
  display: none;
}
BODY.resources SECTION.faq UL LI DIV.desplegable P {
  width: 90%;
  margin: auto;
  color: black;
  font-size: 130%;
  line-height: 130%;
  font-weight: 200;
  padding-top: 1.5rem;
  letter-spacing: 1px;
}
BODY.resources SECTION.faq IMG.masicono {
  width: 100%;
  margin: 10%;
  padding-bottom: 2rem;
  padding-top: 1rem;
}

/*-------------CAREERS-----------------------------*/
/*--------------CAREERS-----------------------------*/
BODY.careers {
  background-color: #F5F5F5;
}
BODY.careers SECTION.friendly-technology DIV.imagen-fondo {
  background-image: url("../img/img-fondo07.jpg");
  width: 100%;
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
BODY.careers SECTION.friendly-technology DIV.techno {
  margin-top: -13rem;
}
BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide {
  background-color: white;
  padding: 0;
  width: 90%;
  height: 100%;
  margin: auto;
}
BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide H3 {
  font-size: 200%;
  font-weight: 500;
  padding: 3.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid black;
}
BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide P {
  font-size: 130%;
  font-weight: 300;
  letter-spacing: 1.3px;
  line-height: 2.3rem;
  padding: 3.5rem;
  padding-top: 2rem;
}
BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide DIV.fotos {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide DIV.fotos IMG.una {
  width: 50%;
  height: 100%;
}
BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide DIV.fotos IMG.dos {
  width: 50%;
  height: 100%;
}
BODY.careers SECTION.job-opportunities {
  padding-top: 10%;
}
BODY.careers SECTION.job-opportunities DIV.imagen-fondo {
  background-image: url("../img/img-fondo06.jpg");
  width: 100%;
  height: 53rem;
  background-repeat: no-repeat;
  background-size: cover;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas {
  background-color: white;
  padding: 0;
  width: 90%;
  height: 100%;
  margin: auto;
  margin-top: -50rem;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas H1 {
  font-size: 200%;
  font-weight: 500;
  padding: 4%;
  border-bottom: 1px solid black;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros {
  display: flex;
  flex-wrap: wrap;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros p {
  font-size: 130%;
  padding: 4vw;
  line-height: 130%;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros p a {
  color: #045CD3;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply {
  display: flex;
  flex-direction: column;
  width: 50%;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding: 0rem;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply H2 {
  font-size: 230%;
  line-height: 150%;
  padding-left: 3rem;
  padding-top: 3%;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply P {
  font-size: 130%;
  line-height: 150%;
  font-weight: 300;
  letter-spacing: 1.2px;
  padding-top: 4%;
  padding-left: 3rem;
  padding-bottom: 2%;
  min-height: 8rem;
  width: 80%;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply DIV {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  height: 100%;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply DIV A.boton-apply {
  font-size: 80%;
  width: 17%;
  height: 8%;
  background-color: #1271F1;
  text-align: center;
  padding-top: 3%;
  padding-bottom: 6%;
  font-weight: 300;
  align-self: flex-end;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply DIV A.boton-apply:hover {
  opacity: 0.8;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply:nth-child(even) {
  border-right: none;
}
BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply:nth-last-child(-n+2) {
  border-bottom: none;
}
BODY.careers SECTION.otras-ofertas {
  padding-top: 10%;
  padding-bottom: 10%;
}
BODY.careers SECTION.otras-ofertas DIV.tarjeta-email {
  background-color: white;
  padding: 0;
  width: 90%;
  height: 100%;
  margin-top: 10%;
  margin-bottom: 10%;
  margin: auto;
}
BODY.careers SECTION.otras-ofertas DIV.tarjeta-email H3 {
  font-size: 200%;
  font-weight: 500;
  padding: 4%;
  border-bottom: 1px solid black;
}
BODY.careers SECTION.otras-ofertas DIV.tarjeta-email DIV {
  display: flex;
}
BODY.careers SECTION.otras-ofertas DIV.tarjeta-email DIV P {
  font-size: 130%;
  line-height: 2.3rem;
  font-weight: 300;
  letter-spacing: 1.2px;
  padding-top: 4%;
  padding-left: 4%;
  padding-bottom: 4%;
  min-height: 8rem;
  width: 100%;
}
BODY.careers SECTION.otras-ofertas DIV.tarjeta-email DIV P A {
  color: #30B6E6;
}

BODY.careers-detalle {
  background-color: #F5F5F5;
}
BODY.careers-detalle SECTION.job-opportunities {
  width: 100vw;
}
BODY.careers-detalle SECTION.job-opportunities A {
  font-weight: 400;
  text-decoration: underline;
  color: black;
}
BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo {
  background-image: url("../img/img-fondo06.jpg");
  width: 100vw;
  background-repeat: no-repeat;
  background-size: cover;
}
BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta {
  padding-top: 30vh;
  padding-bottom: 20vh;
}
BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas {
  background-color: white;
  width: 80%;
  margin: auto;
}
BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas H1 {
  font-size: 230%;
  font-weight: 500;
  padding: 4vw;
  border-bottom: 1px solid black;
}
BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 4vw;
}
BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply H2 {
  font-size: 200%;
  line-height: 140%;
  padding-bottom: 3vh;
}
BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply P {
  font-size: 130%;
  line-height: 140%;
  font-weight: 300;
  letter-spacing: 1.2px;
  padding-bottom: 3vh;
}
BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply UL LI {
  font-size: 130%;
  line-height: 140%;
  font-weight: 300;
  letter-spacing: 1.2px;
  padding-bottom: 3vh;
  list-style-type: square;
}
BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  height: 100%;
}
BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV A.boton-apply {
  font-size: 110%;
  width: 12%;
  color: white;
  background-color: #1271F1;
  text-align: center;
  padding-top: 2%;
  padding-bottom: 2%;
  font-weight: 300;
  align-self: flex-end;
  text-decoration: none;
}
BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV A.boton-apply:hover {
  opacity: 0.8;
}

/*--------------ABOUT-US-----------------------------*/
/*--------------ABOUT-US-----------------------------*/
BODY.about-us {
  background-color: #F5F5F5;
}
BODY.about-us ARTICLE.friendly SECTION.friendly-relative {
  position: relative;
  height: 50vh;
}
BODY.about-us ARTICLE.friendly SECTION.friendly-relative IMG.fondo {
  margin-top: 9vh;
}
BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta {
  position: absolute;
  left: 12%;
  top: 90%;
}
BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta IMG.foto-seccion {
  width: 48%;
  height: 94%;
  margin-left: 40%;
  margin-bottom: -61%;
}
BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta DIV.tarjeta-azul {
  width: 45%;
  background-color: #1271F1;
  padding: 3%;
}
BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta DIV.tarjeta-azul IMG {
  padding: 3%;
  width: 45%;
  padding-left: 6%;
}
BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta DIV.tarjeta-azul P {
  font-size: 130%;
  color: #FFFFFF;
  line-height: 2.3rem;
  font-weight: 300;
  letter-spacing: 1.2px;
  padding-top: 0%;
  padding-left: 2rem;
  padding-bottom: 10%;
  min-height: 8rem;
  width: 100%;
}
BODY.about-us SECTION.microfluidic {
  margin-top: 59%;
}
BODY.about-us SECTION.microfluidic DIV {
  width: 50%;
  margin: auto;
}
BODY.about-us SECTION.microfluidic DIV H3 {
  font-size: 200%;
  font-weight: 500;
  line-height: 3.3rem;
}
BODY.about-us SECTION.microfluidic DIV P.negrita {
  font-size: 130%;
  line-height: 2.3rem;
  font-weight: 500;
  letter-spacing: 1.2px;
  padding-top: 4%;
}
BODY.about-us SECTION.microfluidic DIV P {
  font-size: 130%;
  line-height: 2.3rem;
  font-weight: 300;
  letter-spacing: 1.2px;
  padding-top: 4%;
}
BODY.about-us SECTION.microfluidic IMG {
  padding-top: 6%;
}
BODY.about-us SECTION.enviroment DIV.enviro {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: auto;
  padding: 5%;
}
BODY.about-us SECTION.enviroment DIV.enviro H2 {
  font-size: 400%;
  font-weight: 500;
  line-height: 3.3rem;
  padding-top: 10%;
}
BODY.about-us SECTION.enviroment DIV.enviro P {
  font-size: 130%;
  line-height: 2.3rem;
  font-weight: 300;
  letter-spacing: 1.2px;
  padding-top: 3%;
  padding-bottom: 10%;
}
BODY.about-us SECTION.enviroment IMG {
  display: block;
}
BODY.about-us SECTION.enviroment DIV.datos {
  display: flex;
  width: 100%;
}
BODY.about-us SECTION.enviroment DIV.datos DIV.address {
  width: 50%;
  background-color: #1271F1;
  padding: 5%;
}
BODY.about-us SECTION.enviroment DIV.datos DIV.address P {
  padding-left: 3%;
  color: #FFFFFF;
  font-size: 130%;
  line-height: 2.7rem;
  font-weight: 300;
  letter-spacing: 1.2px;
}
BODY.about-us SECTION.enviroment DIV.datos DIV.address P SPAN.negrita {
  font-weight: 500;
}
BODY.about-us SECTION.enviroment DIV.datos DIV.contact {
  width: 50%;
  padding: 5%;
}
BODY.about-us SECTION.enviroment DIV.datos DIV.contact P {
  padding-left: 3%;
  font-size: 130%;
  line-height: 2.7rem;
  font-weight: 300;
  letter-spacing: 1.2px;
}
BODY.about-us SECTION.enviroment DIV.datos DIV.contact P A {
  color: black;
}
BODY.about-us SECTION.enviroment DIV.datos DIV.contact P SPAN.negrita {
  font-weight: 500;
}
BODY.about-us SECTION.mapa {
  display: flex;
  width: 100%;
  height: 50vh;
}
BODY.about-us SECTION.mapa DIV.map {
  width: 50%;
}
BODY.about-us SECTION.mapa DIV.map IFRAME {
  width: 100%;
  height: 100%;
}
BODY.about-us SECTION.mapa DIV.img-map {
  width: 50%;
}
BODY.about-us SECTION.values {
  background-color: #E5E5E5;
}
BODY.about-us SECTION.values H2 {
  font-size: 400%;
  font-weight: 500;
  padding: 5%;
  text-align: center;
}
BODY.about-us SECTION.values DIV.brand-value {
  display: flex;
  width: 100%;
  height: 40rem;
}
BODY.about-us SECTION.values DIV.brand-value DIV {
  width: 50%;
  text-align: right;
  padding: 3%;
  margin: auto;
}
BODY.about-us SECTION.values DIV.brand-value DIV H3 {
  font-size: 300%;
  font-weight: 500;
  padding: 4%;
  line-height: 110%;
}
BODY.about-us SECTION.values DIV.brand-value DIV P.subtitulo {
  padding-top: 0.5rem;
  padding-bottom: 0rem;
  font-weight: 400;
}
BODY.about-us SECTION.values DIV.brand-value DIV P {
  padding: 4%;
  font-size: 130%;
  line-height: 160%;
  font-weight: 300;
  letter-spacing: 1.2px;
}
BODY.about-us SECTION.values DIV.brand-value IMG {
  width: 50%;
  height: 100%;
}
BODY.about-us SECTION.values DIV.brand-value:nth-child(odd) {
  flex-direction: row-reverse;
}
BODY.about-us SECTION.values DIV.brand-value:nth-child(odd) P, BODY.about-us SECTION.values DIV.brand-value:nth-child(odd) H3 {
  text-align: left;
}

/*-------------CONTACT-----------------------------*/
/*--------------CONTACT-----------------------------*/
BODY.contact {
  background-color: #F5F5F5;
}
BODY.contact SECTION.formulario {
  margin-top: 9vh;
}
BODY.contact SECTION.formulario DIV.fondo {
  background-image: url("../img/img-fondo01.jpg");
  height: 91vh;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
BODY.contact SECTION.formulario DIV.form {
  width: 70%;
  padding: 0;
  background-color: white;
  margin: auto;
  margin-top: -30rem;
  left: 14%;
}
BODY.contact SECTION.formulario DIV.form H3 {
  font-size: 200%;
  font-weight: 500;
  padding: 4.5rem;
  padding-left: 9%;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid black;
}
BODY.contact SECTION.formulario DIV.form FORM {
  width: 85%;
  margin: auto;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-nombre {
  display: flex;
  padding: 2.5%;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-nombre P {
  width: 25%;
  font-size: 160%;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-nombre INPUT.cajainput {
  border: none;
  border-bottom: 1px solid black;
  width: 75%;
  font-size: 150%;
  font-weight: 200;
  font-family: "PF Square Sans Pro", Helvetica, Arial, sans-serif;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-nombre INPUT:focus {
  outline: none;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble {
  display: flex;
  padding: 2.5%;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble P {
  width: 25%;
  font-size: 160%;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble P.phone {
  padding-left: 2rem;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble INPUT.cajainput {
  border: none;
  border-bottom: 1px solid black;
  width: 25%;
  font-size: 120%;
  font-weight: 200;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble INPUT:focus {
  outline: none;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-menssage {
  padding: 2.5%;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-menssage P {
  width: 25%;
  font-size: 160%;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-menssage TEXTAREA {
  border: none;
  border: 1px solid black;
  width: 100%;
  padding-bottom: 20rem;
  font-size: 110%;
  font-weight: 200;
  margin-top: 2rem;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.caja-menssage TEXTAREA:focus {
  outline: none;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad {
  padding: 2.5%;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad A {
  color: black;
  font-weight: 500;
  text-decoration: underline;
  transition: 0.5s;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad A:hover {
  color: rgba(0, 0, 0, 0.651);
}
BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad DIV.botonprivacidad {
  margin-bottom: 2rem;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn {
  width: 100%;
  margin: auto;
  text-align: center;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn INPUT.btn-form {
  text-decoration: none;
  border-style: none;
  height: 5rem;
  width: 8rem;
  background-color: #1271F1;
  color: white;
  font-size: 90%;
  cursor: pointer;
  font-family: "PF Square Sans Pro", Helvetica, Arial, sans-serif;
  transition: 0.5s;
}
BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn INPUT.btn-form:hover {
  background-color: #1273f1de;
}
BODY.contact SECTION.follow {
  width: 100%;
  position: relative;
  padding-top: 7rem;
  padding-bottom: 5%;
}
BODY.contact SECTION.follow H3 {
  width: 80%;
  margin: auto;
  font-size: 200%;
  font-weight: 500;
  padding: 3.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid black;
}
BODY.contact SECTION.follow DIV.redes {
  width: 80%;
  display: flex;
  justify-content: space-between;
  padding-top: 5%;
  margin: auto;
}
BODY.contact SECTION.follow DIV.redes a {
  width: 30%;
}
BODY.contact SECTION.contacto IMG {
  width: 100%;
  height: 40rem;
  display: block;
}
BODY.contact SECTION.contacto DIV.datos {
  display: flex;
  width: 100%;
}
BODY.contact SECTION.contacto DIV.datos DIV.address {
  width: 50%;
  background-color: #1271F1;
  padding: 5%;
}
BODY.contact SECTION.contacto DIV.datos DIV.address P {
  padding-left: 3%;
  color: #FFFFFF;
  font-size: 130%;
  line-height: 2.7rem;
  font-weight: 300;
  letter-spacing: 1.2px;
}
BODY.contact SECTION.contacto DIV.datos DIV.address P SPAN.negrita {
  font-weight: 500;
}
BODY.contact SECTION.contacto DIV.datos DIV.contact {
  width: 50%;
  background-color: #F5F5F5;
  padding: 5%;
}
BODY.contact SECTION.contacto DIV.datos DIV.contact P {
  padding-left: 3%;
  font-size: 130%;
  line-height: 2.7rem;
  font-weight: 300;
  letter-spacing: 1.2px;
}
BODY.contact SECTION.contacto DIV.datos DIV.contact P A {
  color: black;
}
BODY.contact SECTION.contacto DIV.datos DIV.contact P SPAN.negrita {
  font-weight: 500;
}

/*-------------PRODUCTOS PRODUCTOS-------------------*/
/*--------------PRODUCTOS PRODUCTOS-------------------*/
/*-------------MICROINR-------------------*/
BODY.microinr ARTICLE.microinr SECTION.microinr {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 90vh;
  margin-top: 10vh;
}
BODY.microinr ARTICLE.microinr SECTION.microinr DIV {
  width: 82%;
  display: flex;
}
BODY.microinr ARTICLE.microinr SECTION.microinr DIV IMG.cortadados {
  padding-bottom: 10rem;
}
BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-bottom: 10vh;
}
BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto H1 {
  font-size: 330%;
  font-weight: 400;
  padding-top: 5vh;
}
BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto H1 SPAN.negrita {
  font-weight: 600;
}
BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto H2 {
  font-size: 280%;
  font-weight: 400;
  padding-bottom: 2rem;
  padding-top: 20%;
}
BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto H2 SPAN.negrita {
  font-weight: 600;
}
BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto P {
  font-size: 130%;
  line-height: 130%;
  padding-bottom: 10%;
  font-weight: 200;
  letter-spacing: 1.1px;
  padding-top: 2vh;
}
BODY.microinr ARTICLE.microinr SECTION.microinr DIV IMG {
  width: 50%;
  align-self: flex-end;
  padding-left: 10vw;
  padding-bottom: 8vh;
}
BODY.microinr ARTICLE.microinr SECTION.microinr-dos {
  height: 100%;
  overflow: hidden;
}
BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV {
  width: 83%;
  margin: auto;
  display: flex;
  padding: 2%;
}
BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV IMG.cortadados {
  padding-bottom: 10rem;
}
BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto {
  width: 50%;
  display: flex;
  flex-direction: column;
}
BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto H1 {
  font-size: 330%;
  font-weight: 400;
  padding-bottom: 5%;
  padding-top: 5%;
}
BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto H1 SPAN.negrita {
  font-weight: 600;
}
BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto H2 {
  font-size: 280%;
  font-weight: 400;
  padding-bottom: 2rem;
}
BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto H2 SPAN.negrita {
  font-weight: 600;
}
BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto P {
  font-size: 130%;
  padding-bottom: 10%;
  font-weight: 200;
  letter-spacing: 1.1px;
}
BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV IMG {
  width: 42%;
  padding-top: 2%;
  padding-right: 5%;
  margin-top: 5%;
  margin-bottom: -7%;
}
BODY.microinr ARTICLE.microinr SECTION.user {
  display: flex;
  background-color: #F5F5F5;
  width: 100%;
  /*---foto--*/
}
BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding-left: 4%;
  padding-right: 3%;
  margin: auto;
}
BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly H4 {
  font-size: 160%;
  font-weight: 300;
  padding-bottom: 2rem;
}
BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly H3 {
  font-size: 240%;
  font-weight: 400;
  padding-bottom: 2rem;
  line-height: 45px;
}
BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly DIV.icons {
  display: flex;
  width: 100%;
}
BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly DIV.icons DIV.individual {
  display: flex;
  flex-direction: column;
  width: 25%;
}
BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly DIV.icons DIV.individual IMG {
  width: 40px;
}
BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly DIV.icons DIV.individual P {
  padding-top: 10%;
  font-size: 80%;
  min-height: 100px;
  padding-top: 1rem;
  width: 50px;
}
BODY.microinr ARTICLE.microinr SECTION.user IMG {
  width: 60%;
}
BODY.microinr ARTICLE.instrucciones {
  width: 100%;
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion {
  position: relative;
  display: flex;
  flex-direction: row;
  background-color: #e2e6e9;
  width: 100%;
  overflow: hidden;
  height: 80vh;
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion IMG {
  width: 90%;
  padding-left: 7vw;
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider {
  width: 60%;
  height: 70%;
  border-radius: 5px;
  counter-increment: carousel-cell;
  margin: auto;
  margin-top: 5%;
  /* arrow color */
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider DIV.slide {
  height: 70vh;
  width: 100%;
  padding-bottom: 3rem;
  overflow: hidden;
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider .flickity-prev-next-button.previous {
  left: 0%;
  top: 50%;
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider .flickity-prev-next-button.next {
  right: 0%;
  top: 50%;
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider .flickity-prev-next-button {
  width: 40px;
  height: 40px;
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider .flickity-prev-next-button .arrow {
  fill: #1271F1;
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion .slider .flickity-page-dots {
  bottom: 0px;
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion .flickity-page-dots .dot {
  border: 2px solid #045CD3;
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.caracteristicas {
  width: 20%;
  margin: auto;
  padding: 2%;
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.caracteristicas P.negrita {
  font-size: 100%;
  font-weight: 500;
  border-bottom: 1.5px solid black;
  padding-top: 2%;
  padding-bottom: 1%;
}
BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.caracteristicas P.normal {
  font-size: 95%;
  font-weight: 300;
  padding-top: 4%;
  padding-bottom: 7%;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step {
  background-color: #1271F1;
  display: flex;
  width: 100vw;
  /*---foto--*/
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst {
  width: 50%;
  display: flex;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst UL.list {
  width: 50%;
  height: 30vh;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  align-self: center;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst UL.list LI {
  list-style-type: circle;
  color: white;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst UL.list LI A.active-white {
  font-size: 100%;
  font-weight: 600;
  letter-spacing: 0.7px;
  line-height: 10px;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst {
  width: 50%;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst H4 {
  font-size: 240%;
  line-height: 110%;
  font-weight: 400;
  padding-bottom: 1rem;
  padding-top: 10vh;
  color: white;
  width: 100%;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: white;
  padding: 5%;
  height: 27vw;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco P.blue {
  font-size: 220%;
  font-weight: 500;
  line-height: 120%;
  color: #045CD3;
  height: 15%;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco H3 {
  font-size: 200%;
  font-weight: 500;
  line-height: 110%;
  height: 30%;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco P.text {
  font-size: 110%;
  font-weight: 300;
  line-height: 120%;
  padding-top: 5%;
  padding-bottom: 5%;
  height: 30%;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.flecha {
  display: flex;
  justify-content: space-between;
  justify-items: flex-end;
  min-height: 40px;
  padding: 3%;
  height: 20%;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.flecha IMG:nth-last-child(1) {
  padding-top: 1rem;
  width: 55px;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step VIDEO {
  width: 50%;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step .slider .flickity-page-dots {
  bottom: 90px;
}
BODY.microinr ARTICLE.instrucciones SECTION.step-by-step .flickity-page-dots .dot {
  border: 2px solid white;
}
BODY.microinr SECTION.formulario {
  background-color: #1271F1;
}
BODY.microinr SECTION.formulario DIV.form {
  width: 70%;
  background-color: #1271F1;
  margin: auto;
  padding-top: 5%;
}
BODY.microinr SECTION.formulario DIV.form FORM {
  width: 85%;
  margin: auto;
  padding-bottom: 5%;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre {
  display: flex;
  padding: 2.5%;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre P {
  width: 60%;
  font-size: 160%;
  color: white;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI {
  padding-top: 3%;
  font-weight: 100;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI A {
  font-size: 150%;
  color: white;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI A {
  padding-left: 2rem;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre INPUT.cajainput {
  border: none;
  padding-left: 0;
  border-bottom: 1px solid white;
  width: 60%;
  font-size: 140%;
  font-weight: 200;
  color: white;
  background-color: #1271F1;
  margin-left: 3rem;
  font-family: "PF Square Sans Pro", Helvetica, Arial, sans-serif;
  margin-top: -7px;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre INPUT:focus {
  outline: none;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad {
  padding: 2.5%;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad A {
  text-decoration: underline;
  transition: 0.5s;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad A:hover {
  color: rgba(255, 255, 255, 0.795);
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.botonprivacidad {
  margin-bottom: 2rem;
  color: #FFFFFF;
  display: flex;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.botonprivacidad INPUT.check {
  text-decoration: underline;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn {
  width: 100%;
  margin: auto;
  text-align: center;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn INPUT.btn-form {
  cursor: pointer;
  text-decoration: none;
  border-style: none;
  height: 5rem;
  width: 8rem;
  background-color: #FFFFFF;
  color: #045CD3;
  font-size: 90%;
  font-family: "PF Square Sans Pro", Helvetica, Arial, sans-serif;
}
BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn INPUT.btn-form:hover {
  font-size: 90%;
  transition: 0.9s;
}

/*-------------PRODUCTOS PRODUCTOS-------------------*/
/*--------------EASY CONTROL-------------------*/
/*-------------EASY CONTROL---------------*/
BODY.easy-control ARTICLE.easy {
  width: 98vw;
  padding-top: 19vh;
  /* arrow color */
}
BODY.easy-control ARTICLE.easy SECTION.easy-control {
  margin: auto;
  display: flex;
  padding: 2%;
  width: 80%;
}
BODY.easy-control ARTICLE.easy SECTION.easy-control DIV {
  width: 50%;
  display: flex;
  flex-direction: column;
  margin: auto;
}
BODY.easy-control ARTICLE.easy SECTION.easy-control DIV H1 {
  font-size: 330%;
  font-weight: 400;
  line-height: 60px;
}
BODY.easy-control ARTICLE.easy SECTION.easy-control DIV H1 SPAN {
  font-weight: 600;
}
BODY.easy-control ARTICLE.easy SECTION.easy-control DIV P {
  padding-top: 4%;
  font-size: 130%;
  line-height: 130%;
  font-weight: 200;
  letter-spacing: 1.2px;
}
BODY.easy-control ARTICLE.easy SECTION.easy-control DIV {
  width: 50%;
}
BODY.easy-control ARTICLE.easy SECTION.easy-control DIV IMG.botes {
  width: 40%;
  margin: auto;
}
BODY.easy-control ARTICLE.easy DIV.flecha {
  display: none;
}
BODY.easy-control ARTICLE.easy SECTION.slider {
  height: 100%;
  width: 55%;
  margin: auto;
}
BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide {
  width: 100%;
}
BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide IMG.pointer {
  position: absolute;
  z-index: 999;
  width: 65%;
  height: 41%;
  left: 47%;
  margin-top: 13%;
  transform: translate(-50%, 0%);
}
BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide IMG.tresde {
  position: relative;
  margin-top: 5%;
  z-index: 99;
  width: 65%;
  left: 50%;
  transform: translate(-50%, 0%);
}
BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide VIDEO.tresde {
  position: relative;
  margin-top: 4.7%;
  z-index: 99;
  width: 53%;
  left: 50%;
  transform: translate(-50%, 0%);
}
BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide DIV.tarjeta-slide {
  position: relative;
  z-index: 110;
  background-color: white;
  padding: 1rem;
  width: 55%;
  margin-top: 0%;
  left: 23%;
  display: flex;
  flex-direction: column;
  margin-bottom: 5%;
}
BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide DIV.tarjeta-slide DIV.cabeza {
  width: 100%;
  display: flex;
  border-bottom: 1px solid black;
}
BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide DIV.tarjeta-slide DIV.cabeza H3 {
  border: 0;
  padding-left: 0;
  width: 80%;
  font-size: 120%;
  font-weight: 500;
  padding-bottom: 1rem;
  line-height: 120%;
}
BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide P {
  padding-top: 1.5rem;
  font-size: 100%;
}
BODY.easy-control ARTICLE.easy .flickity-prev-next-button.previous {
  left: 17%;
  top: 40%;
}
BODY.easy-control ARTICLE.easy .flickity-prev-next-button.next {
  right: 17%;
  top: 40%;
}
BODY.easy-control ARTICLE.easy .flickity-prev-next-button {
  width: 40px;
  height: 40px;
}
BODY.easy-control ARTICLE.easy .flickity-prev-next-button .arrow {
  fill: #1271F1;
}
/*-------------PRODUCTOS PRODUCTOS-------------------*/
/*--------------MICRO.CHIP-------------------*/
/*-------------MICRO-CHIP---------------*/
BODY.micro-chip ARTICLE.micro-chip {
  margin-top: 9vh;
}
BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip {
  width: 100%;
  margin: auto;
  height: 91vh;
  display: flex;
}
BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV {
  display: flex;
  width: 70%;
  margin: auto;
}
BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV {
  width: 60%;
  display: flex;
  flex-direction: column;
}
BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV H1 {
  font-size: 360%;
  font-weight: 400;
  line-height: 110%;
}
BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV H1 SPAN {
  font-weight: 600;
}
BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV H3 {
  font-size: 280%;
  font-weight: 400;
  line-height: 110%;
}
BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV H3 SPAN {
  font-weight: 600;
}
BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV P {
  padding-top: 4%;
  font-size: 120%;
  line-height: 120%;
  font-weight: 200;
  letter-spacing: 1.2px;
}
BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV IMG {
  width: 30%;
  height: 55%;
  margin: auto;
}
BODY.micro-chip ARTICLE.video-scroll SECTION {
  display: flex;
  height: 400vh;
  justify-content: flex-start;
  align-items: flex-start;
}
BODY.micro-chip ARTICLE.video-scroll SECTION VIDEO {
  position: sticky;
  position: -webkit-sticky;
  top: 13vh;
  width: 50%;
  margin: 0 auto;
}
@media (orientation: landscape) {
  BODY.micro-chip ARTICLE.video-scroll SECTION VIDEO {
    height: 87vh;
  }
}
@media (orientation: portrait) {
  BODY.micro-chip ARTICLE.video-scroll SECTION VIDEO {
    width: 100vw;
  }
}
BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts {
  width: 50%;
  height: 100vh;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper {
  height: 100%;
  position: relative;
}
BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  height: 100%;
  position: absolute;
  top: 13vh;
}
BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item H2 {
  font-size: 150%;
  line-height: 120%;
}
BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item H2 SPAN {
  font-weight: 600;
}
BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item H3 {
  font-size: 300%;
  line-height: 120%;
}
BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item P {
  font-size: 120%;
  width: 80%;
  padding-top: 3%;
}
BODY.micro-chip ARTICLE.video-scroll.video-simple SECTION {
  background-color: #FBFBFB;
}
BODY.micro-chip ARTICLE.user-friendly SECTION.user {
  display: flex;
  background-color: #F5F5F5;
  width: 100%;
  /*---foto--*/
}
BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding-left: 4%;
  padding-right: 3%;
  margin: auto;
}
BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly H4 {
  font-size: 160%;
  font-weight: 300;
  padding-bottom: 2rem;
}
BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly H3 {
  font-size: 240%;
  font-weight: 400;
  padding-bottom: 2rem;
  line-height: 45px;
}
BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly DIV.icons {
  display: flex;
  width: 100%;
}
BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly DIV.icons DIV.individual {
  display: flex;
  flex-direction: column;
  width: 25%;
}
BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly DIV.icons DIV.individual IMG {
  width: 40px;
}
BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly DIV.icons DIV.individual P {
  padding-top: 10%;
  font-size: 80%;
  min-height: 100px;
  padding-top: 1rem;
  width: 50px;
}
BODY.micro-chip ARTICLE.user-friendly SECTION.user IMG {
  width: 60%;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip {
  width: 100%;
  margin: auto;
  padding-top: 7%;
  padding-bottom: 7%;
  display: flex;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV {
  display: flex;
  width: 60%;
  margin: auto;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV IMG {
  width: 50%;
  height: 55%;
  margin: auto;
  padding: 2vw;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV {
  width: 60%;
  display: flex;
  flex-direction: column;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV H2 {
  font-size: 200%;
  font-weight: 400;
  line-height: 110%;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV H2 SPAN {
  font-weight: 600;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV H3 {
  font-size: 280%;
  font-weight: 400;
  line-height: 110%;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV H3 SPAN {
  font-weight: 600;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV UL LI {
  line-height: 120%;
  padding-top: 4%;
  font-size: 90%;
  font-weight: 200;
  list-style: square inside;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema {
  width: 100%;
  margin: auto;
  display: flex;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV {
  display: flex;
  width: 60%;
  margin: auto;
  padding-top: 7%;
  padding-bottom: 7%;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV {
  width: 60%;
  display: flex;
  flex-direction: column;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV H2 {
  font-size: 150%;
  font-weight: 400;
  line-height: 110%;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV H2 SPAN {
  font-weight: 600;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV H3 {
  font-size: 280%;
  font-weight: 400;
  line-height: 100%;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV H3 SPAN {
  font-weight: 600;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV UL LI {
  line-height: 120%;
  padding-top: 4%;
  font-size: 90%;
  font-weight: 200;
  list-style: square inside;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV A {
  background-color: #dac239;
  height: 65px;
  width: 65px;
  padding-top: 10%;
  color: black;
  text-align: center;
  font-size: 13px;
  padding-top: 20px;
  margin-top: 5%;
  transition: 0.5s;
  display: none;
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV A:hover {
  background-color: rgba(218, 194, 57, 0.685);
}
BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV IMG {
  width: 50%;
  margin: auto;
  padding: 2vw;
}

/*-------------policy-privacy---------------*/
BODY.legal ARTICLE SECTION {
  padding: 5%;
  padding-top: 25vh;
}
BODY.legal ARTICLE SECTION H1 {
  font-size: 340%;
  line-height: 100%;
  padding-bottom: 1rem;
}
BODY.legal ARTICLE SECTION H2 {
  padding-top: 20%;
  font-size: 190%;
  padding-top: 2.2rem;
  line-height: 110%;
}
BODY.legal ARTICLE SECTION H3 {
  padding-top: 20%;
  font-size: 190%;
  padding-top: 3.2rem;
  line-height: 110%;
}
BODY.legal ARTICLE SECTION P {
  font-size: 120%;
  line-height: 130%;
  padding-top: 0.8rem;
  letter-spacing: 1px;
}
BODY.legal ARTICLE SECTION A {
  color: #1271F1;
}
BODY.legal ARTICLE SECTION UL LI {
  font-size: 120%;
  line-height: 130%;
  padding-top: 0.8rem;
  letter-spacing: 1px;
}

/*-------------NOTAS DE PRENSA---------------*/
BODY.notas-de-prensa-detalle {
  background-color: #F5F5F5;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle {
  height: 100%;
  width: 100vw;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle DIV.imagen-fondo {
  background-image: url("../img/img-fondo07.jpg");
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas {
  margin-top: -40vh;
  margin-left: 9%;
  width: 80%;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta {
  background-color: white;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta DIV.flex {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid black;
  padding: 4%;
  align-items: flex-start;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta DIV.flex H1 {
  font-size: 240%;
  font-weight: 500;
  padding-right: 6%;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta DIV.flex P {
  font-size: 180%;
  font-weight: 500;
  padding: 0;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta H2 {
  font-size: 180%;
  font-weight: 500;
  letter-spacing: 1.3px;
  line-height: 2.3rem;
  padding-left: 4%;
  padding-top: 3%;
  padding-bottom: 3%;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta P {
  font-size: 130%;
  font-weight: 300;
  letter-spacing: 1.3px;
  line-height: 2.3rem;
  padding-left: 4%;
  padding-bottom: 5%;
  padding-right: 3%;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel DIV.slider {
  /* arrow color */
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel DIV.slider DIV.slide {
  width: 100%;
  height: 60vh;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel DIV.slider .flickity-prev-next-button.previous {
  left: 4%;
  top: 50%;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel DIV.slider .flickity-prev-next-button.next {
  right: 4%;
  top: 50%;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel DIV.slider .flickity-prev-next-button {
  width: 35px;
  height: 35px;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel DIV.slider .flickity-prev-next-button .arrow {
  fill: #1271F1;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.botones {
  padding-bottom: 10vh;
  padding-top: 4vh;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.botones DIV.flex {
  display: flex;
  justify-content: space-between;
}
BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.botones DIV.flex A {
  width: 8.5rem;
  background-color: #1271F1;
  line-height: 100%;
  color: white;
  text-align: center;
  padding: 18px;
  font-size: 15px;
  font-weight: 300;
}

/*-------------NOTAS DE PRENSA general---------------*/
BODY.notas-de-prensa {
  background-color: #E5E5E5;
}
BODY.notas-de-prensa ARTICLE.notas-de-prensa {
  width: 90vw;
  margin: auto;
}
BODY.notas-de-prensa ARTICLE.notas-de-prensa H1 {
  padding-top: 25vh;
  font-size: 240%;
  padding-bottom: 2%;
  border-bottom: 1px solid black;
}
BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas {
  display: flex;
  flex-direction: column;
  padding-top: 3%;
}
BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota {
  display: flex;
  height: 33vh;
  width: 100%;
}
BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota IMG {
  width: 20%;
  height: 100%;
}
BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular {
  width: 70%;
  display: flex;
  flex-direction: column;
  padding: 2%;
}
BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular P.fecha {
  padding-bottom: 2%;
  font-size: 120%;
}
BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular H2 {
  font-size: 160%;
}
BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular P {
  padding-top: 2%;
  font-size: 100%;
}
BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota A.boton {
  width: 10%;
  display: flex;
  justify-content: flex-end;
}
BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota A.boton IMG {
  width: 50%;
}

/*--------------------landing------------------------*/
BODY.landing {
  padding-top: 9vh;
}
BODY.landing ARTICLE.landing-productos {
  padding-top: 15vh;
}
BODY.landing ARTICLE.landing-productos SECTION.cabecera {
  padding-bottom: 0vh;
  margin-bottom: -5vh;
}
BODY.landing ARTICLE.landing-productos SECTION.cabecera div {
  border-bottom: 1px solid black;
}
BODY.landing ARTICLE.landing-productos SECTION.cabecera div h1 {
  font-size: 350%;
  padding-left: 5vw;
  padding-bottom: 1vh;
}
BODY.landing ARTICLE.landing-productos SECTION.cabecera p {
  font-size: 160%;
  padding: 5vw;
  line-height: 130%;
  width: 95%;
}
BODY.landing ARTICLE.landing-productos section.banner {
  position: relative;
  width: 80%;
  margin: auto;
  height: 55vh;
}
BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta {
  position: relative;
  z-index: 99;
  display: flex;
}
BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.caja {
  padding: 3vw;
  background-color: #045CD3;
  width: 40vw;
  z-index: 99;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.caja img {
  width: 40%;
}
BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.caja p {
  color: white;
  font-size: 140%;
  padding-top: 3vh;
  padding-bottom: 2vh;
  font-weight: 200;
  line-height: 130%;
}
BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.img img {
  position: absolute;
  left: 47%;
  top: 60%;
  width: 40vw;
  height: 40vh;
  max-height: 30rem;
}
BODY.landing ARTICLE.landing-productos SECTION.producto-landing {
  display: flex;
}
BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion {
  width: 50%;
  padding-right: 0vw;
  text-align: right;
  margin: auto;
  padding-left: 10vw;
}
BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion h2 {
  font-size: 280%;
  padding-bottom: 3vh;
}
BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion p {
  font-size: 140%;
  padding-bottom: 3vh;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 130%;
}
BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion a {
  transition: 0.5s;
}
BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion a img {
  width: 10%;
}
BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion a:hover {
  opacity: 0.8;
}
BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.foto-producto {
  width: 50%;
  padding: 13vw;
}
BODY.landing ARTICLE.landing-productos section.reverse {
  display: flex;
  flex-direction: row-reverse;
}
BODY.landing ARTICLE.landing-productos section.reverse div.descripcion.derecha {
  text-align: left;
  padding-left: 0;
  padding-right: 10vw;
}

@media only screen and (max-width: 1024px) {
  BODY.landing ARTICLE.landing-productos SECTION.cabecera div h1 {
    font-size: 400%;
    padding-bottom: 2vh;
  }
  BODY.landing ARTICLE.landing-productos SECTION.cabecera p {
    font-size: 230%;
  }
  BODY.landing ARTICLE.landing-productos section.banner {
    height: 73vh;
  }
  BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.caja img {
    width: 40%;
  }
  BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.caja p {
    font-size: 210%;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion h2 {
    font-size: 380%;
    padding-bottom: 2vh;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion p {
    font-size: 200%;
    padding-bottom: 2vh;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion a {
    transition: 0.5s;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion a img {
    width: 10%;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion a:hover {
    opacity: 0.8;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.foto-producto {
    width: 50%;
    padding: 12vw;
  }
  BODY.landing ARTICLE.landing-productos section.reverse {
    display: flex;
    flex-direction: row-reverse;
  }
  BODY.landing ARTICLE.landing-productos section.reverse div.descripcion.derecha {
    text-align: left;
    padding-left: 0;
    padding-right: 10vw;
  }
}
@media only screen and (max-width: 768px) {
  BODY.landing ARTICLE.landing-productos SECTION.cabecera div h1 {
    font-size: 200%;
    padding-bottom: 1vh;
  }
  BODY.landing ARTICLE.landing-productos SECTION.cabecera p {
    font-size: 90%;
  }
  BODY.landing ARTICLE.landing-productos section.banner {
    height: 73vh;
    width: 90%;
  }
  BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.caja {
    width: 45vw;
  }
  BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.caja img {
    width: 40%;
  }
  BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.caja p {
    font-size: 80%;
  }
  BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.img img {
    width: 53vw;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing {
    width: 100%;
    margin: auto;
    flex-direction: column;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion {
    width: 90%;
    padding: 3vw;
    text-align: left;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion h2 {
    font-size: 150%;
    padding-bottom: 2vh;
    padding-top: 5vh;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion p {
    font-size: 100%;
    padding-bottom: 2vh;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion a {
    transition: 0.5s;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion a img {
    width: 10%;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion a:hover {
    opacity: 0.8;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.foto-producto {
    width: 45%;
    margin: auto;
    padding: 3vw;
  }
  BODY.landing ARTICLE.landing-productos section.reverse {
    width: 100%;
    margin: auto;
  }
  BODY.landing ARTICLE.landing-productos section.reverse div.descripcion.derecha {
    padding-right: 0;
    padding: 3vh;
  }
}
@media only screen and (max-width: 767px) {
  BODY.landing ARTICLE.landing-productos SECTION.cabecera div h1 {
    font-size: 200%;
    padding-bottom: 1vh;
  }
  BODY.landing ARTICLE.landing-productos SECTION.cabecera p {
    font-size: 100%;
  }
  BODY.landing ARTICLE.landing-productos section.banner {
    height: 58vh;
    width: 90%;
  }
  BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.caja {
    width: 48vw;
  }
  BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.caja img {
    width: 40%;
  }
  BODY.landing ARTICLE.landing-productos section.banner div.capa-absoluta div.caja p {
    font-size: 90%;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing {
    width: 100%;
    margin: auto;
    flex-direction: column;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion {
    width: 90%;
    padding: 3vw;
    text-align: left;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion h2 {
    font-size: 150%;
    padding-bottom: 2vh;
    padding-top: 5vh;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion p {
    font-size: 100%;
    padding-bottom: 2vh;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion a {
    transition: 0.5s;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion a img {
    width: 10%;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.descripcion a:hover {
    opacity: 0.8;
  }
  BODY.landing ARTICLE.landing-productos SECTION.producto-landing div.foto-producto {
    width: 45%;
    margin: auto;
    padding: 3vw;
  }
  BODY.landing ARTICLE.landing-productos section.reverse {
    width: 100%;
    margin: auto;
  }
  BODY.landing ARTICLE.landing-productos section.reverse div.descripcion.derecha {
    padding-right: 0;
    padding: 3vh;
  }
}
/*--------------------RESPONSIVE------------------------*/
/*--------------------RESPONSIVE------------------------*/
@media only screen and (max-width: 1024px) {
  BODY.home SECTION.hero {
    height: 87.5vh;
    margin-top: 13vh;
  }
  BODY.home SECTION.hero DIV.hero1 {
    height: 97vh;
  }
  BODY.home SECTION.hero DIV.hero1 H1 {
    font-size: 240%;
  }
  BODY.home SECTION.hero DIV.hero1 IMG.dispos {
    width: 100%;
  }
  BODY.home SECTION.hero DIV.hero2 {
    height: 100%;
  }
  BODY.home SECTION.hero DIV.hero2 DIV.titulohero {
    top: -9.5vh;
  }
  BODY.home SECTION.hero DIV.hero2 DIV.titulohero H2 {
    font-size: 300%;
  }
  BODY.home SECTION.hero DIV.hero2 DIV.titulohero P {
    font-size: 200%;
  }
  BODY.home SECTION.hero DIV.hero2 flickity-viewport {
    height: 683.312px;
  }
  BODY.home SECTION.baner {
    height: 50vh;
  }
  BODY.home SECTION.baner P {
    font-size: 190%;
  }
  BODY.home SECTION.product-full-w {
    padding-top: 3vh;
    padding-bottom: 3vh;
  }
  BODY.home SECTION.product-full-w div.img img {
    width: 70%;
  }
  BODY.home SECTION.product-full-w div.text h2 {
    font-size: 300%;
  }
  BODY.home SECTION.product-full-w div.text p {
    font-size: 180%;
  }
  BODY.home SECTION.product-full-w div.text img {
    width: 12%;
  }
  BODY.home SECTION.micro DIV.micro2 {
    padding: 2rem;
  }
  BODY.home SECTION.micro DIV.micro2 H2 {
    font-size: 280%;
    line-height: 120%;
  }
  BODY.home SECTION.micro DIV.micro2 P {
    line-height: 120%;
    font-size: 170%;
  }
  BODY.home SECTION.micro DIV.micro2 IMG.disp1 {
    width: 50%;
  }
  BODY.home SECTION.micro DIV.micro3 {
    padding: 2rem;
  }
  BODY.home SECTION.micro DIV.micro3 H2 {
    font-size: 280%;
    line-height: 120%;
  }
  BODY.home SECTION.micro DIV.micro3 P {
    line-height: 120%;
    font-size: 170%;
  }
  BODY.home SECTION.micro DIV.micro3 IMG.disp2 {
    width: 49%;
  }
  BODY.home SECTION.section4 .section4hijo H2 {
    font-size: 280%;
    line-height: 120%;
  }
  BODY.home SECTION.section4 .section4hijo P {
    line-height: 120%;
    font-size: 170%;
  }
  BODY.home SECTION.secfotos DIV DIV H2 {
    font-size: 250%;
    line-height: 120%;
  }
  BODY.home SECTION.secfotos DIV DIV P {
    line-height: 120%;
    font-size: 170%;
  }
  BODY.home SECTION.secfotos IMG {
    height: 50vh;
  }

  /*----------------TECHNOLOGY RESPONSIVVE 1024-------------*/
  BODY.technology {
    background-color: #E5E5E5;
  }
  BODY.technology ARTICLE.core-technology {
    /*-  DIV.imagen-fondo{ background-color: greenyellow; width: 100%; height: 30rem;}-*/
  }
  BODY.technology ARTICLE.core-technology SECTION.techno DIV.tarjeta H3 {
    font-size: 300%;
  }
  BODY.technology ARTICLE.core-technology SECTION.techno DIV.tarjeta P {
    font-size: 230%;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d {
    width: 80%;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color DIV.tarjeta-slide DIV.cabeza H3 {
    font-size: 200%;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color P {
    font-size: 200%;
  }

  /*-------------RESOURCES RESPONSIVE 1024-------------------*/
  BODY.resources SECTION.resources01 {
    margin-top: -45rem;
  }
  BODY.resources SECTION.resources01 DIV.madretarjetas a {
    width: 25%;
    height: 20%;
  }
  BODY.resources SECTION.resources01 DIV.madretarjetas a h3 {
    font-size: 170%;
  }
  BODY.resources SECTION.resources01 DIV.madretarjetas a IMG {
    width: 20%;
  }
  BODY.resources SECTION.training-videos {
    padding-top: 5rem;
  }
  BODY.resources SECTION.training-videos DIV H3 {
    font-size: 250%;
    padding-left: 3.8rem;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV DIV {
    padding-top: 1.2rem;
    padding-bottom: 1rem;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV DIV h4 {
    font-size: 190%;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV DIV P {
    font-size: 120%;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV IMG {
    width: 80%;
    margin-top: 1.8rem;
  }
  BODY.resources SECTION.training-videos DIV IMG.masicono {
    width: 80%;
  }
  BODY.resources SECTION.resources DIV H3 {
    font-size: 250%;
    padding-left: 3.8rem;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual {
    padding-bottom: 3rem;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV DIV h4 {
    font-size: 190%;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV DIV P {
    font-size: 120%;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV IMG {
    width: 80%;
    margin-top: 2.5rem;
    padding-right: 1rem;
  }
  BODY.resources SECTION.resources DIV IMG.masicono {
    width: 80%;
  }
  BODY.resources SECTION.faq H2 {
    font-size: 260%;
    padding-left: 3rem;
  }
  BODY.resources SECTION.faq UL LI A p {
    font-size: 200%;
  }
  BODY.resources SECTION.faq UL LI A p SPAN {
    border-color: black;
  }
  BODY.resources SECTION.faq UL LI DIV.desplegable P {
    font-size: 170%;
  }
  BODY.resources SECTION.faq IMG.masicono {
    width: 80%;
  }

  /*-------------CAREERS RESPONSIVE 1024-----------------------*/
  BODY.careers {
    background-color: #F5F5F5;
  }
  BODY.careers SECTION.friendly-technology DIV.techno {
    margin-top: -25%;
  }
  BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide H3 {
    font-size: 300%;
  }
  BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide P {
    font-size: 190%;
    line-height: 170%;
  }
  BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide DIV.fotos {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
  }
  BODY.careers SECTION.job-opportunities {
    padding-top: 10%;
  }
  BODY.careers SECTION.job-opportunities DIV.imagen-fondo {
    height: 50rem;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas {
    background-color: white;
    padding: 0;
    width: 90%;
    height: 100%;
    margin: auto;
    margin-top: -60%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas H1 {
    font-size: 300%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply H2 {
    font-size: 280%;
    line-height: 150%;
    padding-left: 3rem;
    padding-top: 3%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply P {
    font-size: 160%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply DIV A.boton-apply {
    font-size: 130%;
  }
  BODY.careers SECTION.otras-ofertas DIV.tarjeta-email H3 {
    font-size: 300%;
  }
  BODY.careers SECTION.otras-ofertas DIV.tarjeta-email DIV {
    display: flex;
  }
  BODY.careers SECTION.otras-ofertas DIV.tarjeta-email DIV P {
    font-size: 190%;
    line-height: 170%;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas H1 {
    font-size: 260%;
    padding: 3vw;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply {
    padding: 3vw;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply H2 {
    font-size: 230%;
    padding-top: 0;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply P {
    font-size: 160%;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply UL LI {
    font-size: 160%;
    line-height: 130%;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV A.boton-apply {
    font-size: 140%;
    padding-bottom: 2%;
    font-weight: 300;
    align-self: flex-end;
  }

  /*-------------ABOUT US RESPONSIVE 1024-----------------------*/
  BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta IMG.foto-seccion {
    width: 48%;
    height: 94%;
    margin-left: 40%;
    margin-bottom: -71%;
  }
  BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta DIV.tarjeta-azul {
    width: 45%;
    background-color: #1271F1;
    padding: 3%;
  }
  BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta DIV.tarjeta-azul IMG {
    padding-left: 5%;
  }
  BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta DIV.tarjeta-azul P {
    font-size: 200%;
    line-height: 135%;
    padding-left: 1.2rem;
    padding-bottom: 8%;
  }
  BODY.about-us SECTION.microfluidic {
    margin-top: 68%;
  }
  BODY.about-us SECTION.microfluidic DIV H3 {
    font-size: 300%;
    line-height: 130%;
  }
  BODY.about-us SECTION.microfluidic DIV P.negrita {
    font-size: 190%;
    line-height: 150%;
  }
  BODY.about-us SECTION.microfluidic DIV P {
    font-size: 180%;
    line-height: 170%;
  }
  BODY.about-us SECTION.microfluidic IMG {
    padding-top: 6%;
  }
  BODY.about-us SECTION.enviroment DIV.enviro H2 {
    font-size: 450%;
  }
  BODY.about-us SECTION.enviroment DIV.enviro P {
    font-size: 180%;
    line-height: 27px;
  }
  BODY.about-us SECTION.enviroment DIV.datos DIV.address {
    width: 50%;
    background-color: #1271F1;
    padding: 5%;
  }
  BODY.about-us SECTION.enviroment DIV.datos DIV.address P {
    font-size: 180%;
    line-height: 40px;
  }
  BODY.about-us SECTION.enviroment DIV.datos DIV.contact {
    width: 50%;
    background-color: #F5F5F5;
    padding: 5%;
  }
  BODY.about-us SECTION.enviroment DIV.datos DIV.contact P {
    font-size: 180%;
    line-height: 40px;
  }
  BODY.about-us SECTION.mapa DIV.map {
    width: 50%;
  }
  BODY.about-us SECTION.values {
    background-color: #E5E5E5;
  }
  BODY.about-us SECTION.values H2 {
    font-size: 400%;
    font-weight: 500;
    padding: 5%;
    text-align: center;
  }
  BODY.about-us SECTION.values DIV.brand-value {
    display: flex;
    width: 100%;
    height: 30rem;
  }
  BODY.about-us SECTION.values DIV.brand-value DIV {
    width: 50%;
    text-align: right;
    padding: 4%;
    margin: auto;
  }
  BODY.about-us SECTION.values DIV.brand-value DIV H3 {
    font-size: 400%;
    font-weight: 500;
    padding: 4%;
  }
  BODY.about-us SECTION.values DIV.brand-value DIV P.subtitulo {
    padding-top: 0.5rem;
    padding-bottom: 0rem;
    font-weight: 400;
  }
  BODY.about-us SECTION.values DIV.brand-value DIV P {
    padding: 4%;
    font-size: 200%;
    line-height: 155%;
    font-weight: 300;
    letter-spacing: 1.2px;
  }
  BODY.about-us SECTION.values DIV.brand-value IMG {
    width: 50%;
    height: 100%;
  }
  BODY.about-us SECTION.values DIV.brand-value:nth-child(odd) {
    flex-direction: row-reverse;
  }
  BODY.about-us SECTION.values DIV.brand-value:nth-child(odd) P, BODY.about-us SECTION.values DIV.brand-value:nth-child(odd) H3 {
    text-align: left;
  }

  /*-------------CONTACT---responsive-1024------------------------*/
  /*--------------CONTACT--responsive-1024------------------------*/
  BODY.contact SECTION.formulario DIV.fondo {
    height: 90vh;
  }
  BODY.contact SECTION.formulario DIV.form {
    width: 80%;
    margin-top: -20rem;
    left: 9%;
    height: 100%;
  }
  BODY.contact SECTION.formulario DIV.form H3 {
    font-size: 300%;
    padding-left: 4.5rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM {
    padding-top: 5%;
    padding-bottom: 13%;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-nombre P {
    font-size: 200%;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble P {
    font-size: 200%;
  }
  BODY.contact SECTION.formulario DIV.form FORM P.phone {
    font-size: 200%;
  }
  BODY.contact SECTION.formulario DIV.form FORM INPUT.cajainput {
    font-size: 180%;
  }
  BODY.contact SECTION.formulario DIV.form FORM INPUT:focus {
    font-size: 200%;
  }
  BODY.contact SECTION.formulario DIV.form DIV.caja-menssage P {
    font-size: 100%;
  }
  BODY.contact SECTION.formulario DIV.form DIV.caja-menssage TEXTAREA {
    font-size: 200%;
  }
  BODY.contact SECTION.formulario DIV.form DIV.privacidad DIV.botonprivacidad {
    font-size: 180%;
  }
  BODY.contact SECTION.formulario DIV.form DIV.privacidad DIV.padre-btn INPUT.btn-form {
    font-size: 130% !important;
  }
  BODY.contact SECTION.follow {
    margin-top: -5rem;
    padding-bottom: 0%;
  }
  BODY.contact SECTION.follow H3 {
    font-size: 300%;
  }
  BODY.contact SECTION.follow DIV.redes a {
    width: 30%;
    padding-bottom: 8%;
  }
  BODY.contact SECTION.follow DIV.redes a IMG {
    height: 8rem;
  }
  BODY.contact SECTION.contacto IMG {
    height: 20rem;
  }
  BODY.contact SECTION.contacto DIV.datos DIV.address P {
    font-size: 180%;
    line-height: 35px;
  }
  BODY.contact SECTION.contacto DIV.datos DIV.contact P {
    font-size: 180%;
    line-height: 35px;
  }
  /*-------------PRODUCTOS PRODUCTOS-------------------*/
  /*--------------PRODUCTOS PRODUCTOS-------------------*/
  /*-------------MICROINR---RESPONSIVE 1024----------------*/
  BODY.microinr ARTICLE.microinr SECTION.microinr {
    width: 100%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV {
    width: 90%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto {
    margin: auto;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto H1 {
    padding-top: 19%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto P {
    font-size: 160%;
    line-height: 120%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV {
    width: 90%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto H2 {
    font-size: 350%;
    font-weight: 400;
    padding-bottom: 2rem;
    padding-top: 20%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto H2 SPAN.negrita {
    font-weight: 600;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto P {
    font-size: 160%;
    line-height: 120%;
    padding-bottom: 10%;
    font-weight: 200;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV IMG {
    padding-top: 9%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user {
    /*---foto--*/
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly H4 {
    line-height: 0;
    padding-bottom: 10px;
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly DIV.icons DIV.individual P {
    font-size: 110%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion {
    padding-top: 7vh;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider {
    height: 60vh;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider .slider .flickity-page-dots {
    bottom: 90px;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion .slider .flickity-page-dots {
    bottom: 90px;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.caracteristicas {
    width: 21%;
    margin-top: 0%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.caracteristicas P.negrita {
    font-size: 125%;
    padding-top: 0.5rem;
    padding-bottom: 5px;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.caracteristicas P.normal {
    font-size: 120%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step {
    /*---foto--*/
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst UL.list {
    padding-top: 0%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst UL.list LI A.active-white {
    font-size: 140%;
    line-height: 130%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst UL.list LI A {
    font-size: 140%;
    line-height: 130%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst {
    width: 50%;
    margin: auto;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst H4 {
    font-size: 240%;
    line-height: 110%;
    font-weight: 400;
    padding-bottom: 1rem;
    color: white;
    width: 100%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco {
    background-color: white;
    padding: 5%;
    padding-top: 8%;
    padding-bottom: 0%;
    width: 100%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco P.blue {
    font-size: 240%;
    font-weight: 500;
    line-height: 120%;
    color: #045CD3;
    height: 20%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco H3 {
    font-size: 240%;
    font-weight: 500;
    line-height: 110%;
    height: 25%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco P.text {
    font-size: 140%;
    font-weight: 300;
    line-height: 120%;
    padding-top: 3%;
    padding-bottom: 3%;
    height: 30%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step VIDEO {
    width: 50%;
  }
  BODY.microinr SECTION.formulario DIV.form {
    width: 80%;
    padding-top: 8%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM {
    width: 85%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI A {
    font-size: 170%;
    color: white;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI A {
    padding-left: 2rem;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI SPAN.arrow {
    padding: 4px;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn {
    font-size: 160%;
  }
  /*-------------PRODUCTOS PRODUCTOS-------------------*/
  /*--------------EASY CONTROL------1024-------------*/
  /*-------------EASY CONTROL---------------*/
  BODY.easy-control ARTICLE.easy {
    /* arrow color */
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control {
    /*- height: 38rem;-*/
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control DIV P {
    font-size: 190%;
    line-height: 130%;
  }
  BODY.easy-control ARTICLE.easy DIV.flecha IMG.flecha {
    width: 3%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider {
    height: 100%;
    width: 70%;
    margin: auto;
    margin-bottom: 6rem;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide {
    width: 100%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide IMG.pointer {
    width: 75%;
    height: 41%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide IMG.tresde {
    width: 75%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide VIDEO.tresde {
    width: 53%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide DIV.tarjeta-slide {
    padding-bottom: 2rem;
    width: 70%;
    left: 15%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide DIV.tarjeta-slide DIV.cabeza H3 {
    font-size: 200%;
    line-height: 140%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide P {
    font-size: 200%;
    padding-bottom: 1rem;
  }
  BODY.easy-control ARTICLE.easy .flickity-prev-next-button.previous {
    left: 17%;
    top: 50%;
  }
  BODY.easy-control ARTICLE.easy .flickity-prev-next-button.next {
    right: 17%;
    top: 50%;
  }
  BODY.easy-control ARTICLE.easy .flickity-prev-next-button {
    width: 40px;
    height: 40px;
  }
  BODY.easy-control ARTICLE.easy .flickity-prev-next-button .arrow {
    fill: #1271F1;
  }
  /*--------------MICRO.CHIP-------------------*/
  /*-------------MICRO-CHIP----1024 responsive-----------*/
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV P {
    font-size: 200%;
  }
  BODY.micro-chip ARTICLE.video-scroll {
    margin-top: 90vh;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION {
    flex-direction: column;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts {
    width: 100%;
    height: 30vh;
    top: 70vh;
    bottom: 3vh;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper {
    margin-top: -5vh;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item {
    top: auto;
    height: auto;
    position: relative;
    padding: 6vh 10vw;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item H2 {
    font-size: 90%;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item H3 {
    font-size: 140%;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item P {
    font-size: 80%;
    width: 100%;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION VIDEO {
    top: 15vh;
    margin-bottom: 20vh;
  }

  /*-------------NOTAS DE PRENSA---------------*/

  /*-------------NOTAS DE PRENSA general---------------*/
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  BODY.micro-chip ARTICLE.video-scroll SECTION VIDEO {
    height: 70vh;
  }
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
  BODY.micro-chip ARTICLE.video-scroll SECTION VIDEO {
    width: 70vw;
  }
}
@media only screen and (max-width: 1024px) {
  BODY.micro-chip ARTICLE.user-friendly SECTION.user {
    /*---foto--*/
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly H4 {
    line-height: 0;
    padding-bottom: 10px;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly DIV.icons DIV.individual P {
    font-size: 110%;
  }
}
@media only screen and (max-width: 1024px) {
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV {
    width: 70%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV IMG {
    width: 40%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV H2 {
    font-size: 220%;
    line-height: 110%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV H3 {
    font-size: 280%;
    line-height: 110%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV UL LI {
    line-height: 120%;
    font-size: 160%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema {
    width: 100%;
    margin: auto;
    display: flex;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV {
    display: flex;
    width: 60%;
    margin: auto;
    padding-top: 7%;
    padding-bottom: 7%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV {
    width: 60%;
    display: flex;
    flex-direction: column;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV H2 {
    font-size: 220%;
    line-height: 110%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV H3 {
    font-size: 280%;
    line-height: 110%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV UL LI {
    font-size: 160%;
  }
}
@media only screen and (max-width: 1024px) {
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta DIV.flex H1 {
    font-size: 280%;
    line-height: 130%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta DIV.flex P {
    font-size: 200%;
    line-height: 130%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta H2 {
    font-size: 240%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta P {
    font-size: 180%;
    line-height: 160%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel DIV.slider {
    /* arrow color */
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel DIV.slider .flickity-prev-next-button.previous {
    left: 4%;
    top: 50%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel DIV.slider .flickity-prev-next-button.next {
    right: 4%;
    top: 50%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel DIV.slider .flickity-prev-next-button {
    width: 35px;
    height: 35px;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel DIV.slider .flickity-prev-next-button .arrow {
    fill: #1271F1;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.botones {
    padding-bottom: 10vh;
    padding-top: 4vh;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.botones DIV.flex {
    display: flex;
    justify-content: space-between;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.botones DIV.flex A {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  BODY.notas-de-prensa ARTICLE.notas-de-prensa H1 {
    font-size: 280%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota {
    height: 30vh;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular P.fecha {
    font-size: 150%;
    padding-bottom: 1%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular H2 {
    font-size: 200%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular P {
    font-size: 150%;
    padding-top: 3%;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 768px) {
  BODY {
    font-size: 3vw;
  }

  /*-----HOME RESPONSIVE 768---------------------------*/
  BODY.home SECTION.hero {
    height: 124.5vh;
    flex-direction: column-reverse;
    margin-top: 13vh;
  }
  BODY.home SECTION.hero DIV.hero1 {
    height: 40.5vh;
    flex-direction: row;
    width: 100%;
    padding: 5%;
  }
  BODY.home SECTION.hero DIV.hero1 H1 {
    padding: 1rem;
    font-size: 130%;
    width: 50%;
  }
  BODY.home SECTION.hero DIV.hero1 IMG.dispos {
    width: 50%;
    padding-right: 1rem;
  }
  BODY.home SECTION.hero DIV.hero2 {
    width: 100%;
    height: 100%;
  }
  BODY.home SECTION.hero DIV.hero2 DIV.titulohero {
    width: 50vw;
  }
  BODY.home SECTION.hero DIV.hero2 DIV.titulohero H2 {
    font-size: 210%;
  }
  BODY.home SECTION.hero DIV.hero2 DIV.titulohero P {
    font-size: 120%;
  }
  BODY.home SECTION.baner {
    height: 60vh;
    min-height: 50vh;
  }
  BODY.home SECTION.baner h3 {
    font-size: 180%;
  }
  BODY.home SECTION.baner P.blanco {
    font-size: 90%;
  }
  BODY.home SECTION.product-full-w div.img img {
    width: 120%;
  }
  BODY.home SECTION.product-full-w div.text h2 {
    font-size: 140%;
  }
  BODY.home SECTION.product-full-w div.text p {
    font-size: 90%;
  }
  BODY.home SECTION.product-full-w div.text img {
    width: 14%;
  }
  BODY.home SECTION.micro {
    flex-direction: column;
    height: 100%;
  }
  BODY.home SECTION.micro DIV.micro2 {
    width: 100%;
    height: 50%;
    padding: 1rem;
    padding-left: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 4rem;
    padding-right: 3rem;
  }
  BODY.home SECTION.micro DIV.micro2 H2 {
    font-size: 140%;
  }
  BODY.home SECTION.micro DIV.micro2 P {
    margin-top: 0px;
    font-size: 90%;
  }
  BODY.home SECTION.micro DIV.micro2 IMG.disp1 {
    width: 50%;
  }
  BODY.home SECTION.micro DIV.micro2 IMG.iconoazul {
    width: 42px;
    height: 42px;
    margin-top: 12px;
  }
  BODY.home SECTION.micro DIV.micro3 {
    width: 100%;
    flex-direction: row-reverse;
    height: 50%;
    padding: 1rem;
    padding-right: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-left: 1.5rem;
    padding-right: 5rem;
  }
  BODY.home SECTION.micro DIV.micro3 H2 {
    font-size: 140%;
  }
  BODY.home SECTION.micro DIV.micro3 P {
    margin-top: 0px;
    font-size: 90%;
  }
  BODY.home SECTION.micro DIV.micro3 IMG.disp1 {
    width: 45%;
  }
  BODY.home SECTION.micro DIV.micro3 IMG.iconoazul {
    width: 42px;
    height: 42px;
    margin-top: 12px;
  }
  BODY.home SECTION.section4 {
    height: 100%;
    flex-direction: column;
  }
  BODY.home SECTION.section4 .section4hijo {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 1.5rem;
  }
  BODY.home SECTION.section4 .section4hijo DIV {
    align-items: center;
  }
  BODY.home SECTION.section4 .section4hijo DIV H2 {
    font-size: 140%;
    padding-top: 10px;
  }
  BODY.home SECTION.section4 .section4hijo DIV P {
    font-size: 90%;
  }
  BODY.home SECTION.secfotos {
    flex-direction: column;
  }
  BODY.home SECTION.secfotos DIV {
    width: 100%;
  }
  BODY.home SECTION.secfotos DIV DIV {
    padding: 3rem;
    width: 100%;
    padding-left: 4rem;
  }
  BODY.home SECTION.secfotos DIV DIV H2 {
    font-size: 140%;
    padding-top: 10px;
  }
  BODY.home SECTION.secfotos DIV DIV P {
    font-size: 90%;
  }

  /*-----TECHNOLOGY RESPONSIVE 768---------------------------*/
  BODY.technology {
    background-color: #E5E5E5;
  }
  BODY.technology ARTICLE.core-technology {
    /*-  DIV.imagen-fondo{ background-color: greenyellow; width: 100%; height: 30rem;}-*/
  }
  BODY.technology ARTICLE.core-technology SECTION.techno DIV.tarjeta H3 {
    font-size: 130%;
  }
  BODY.technology ARTICLE.core-technology SECTION.techno DIV.tarjeta P {
    font-size: 100%;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d {
    width: 95%;
    margin-bottom: 2rem;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color DIV.contenedor {
    width: 55%;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color DIV.tarjeta-slide {
    width: 70%;
    left: 15%;
    padding: 1rem;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color DIV.tarjeta-slide DIV.cabeza H3 {
    font-size: 100%;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color P {
    font-size: 90%;
    padding-bottom: 1rem;
  }

  /*-------------------RESOURCES RESPONSIVE 768-----------------*/
  BODY.resources SECTION.resources01 {
    margin-top: -43rem;
  }
  BODY.resources SECTION.resources01 DIV.madretarjetas a {
    width: 25vw;
    height: 6vh;
  }
  BODY.resources SECTION.resources01 DIV.madretarjetas a h3 {
    font-size: 75%;
    line-height: 120%;
    padding: 0;
  }
  BODY.resources SECTION.resources01 DIV.madretarjetas a IMG {
    height: 100%;
    width: 30%;
  }
  BODY.resources SECTION.training-videos {
    padding-top: 5rem;
  }
  BODY.resources SECTION.training-videos DIV H3 {
    font-size: 120%;
    font-weight: 500;
    padding-left: 3rem;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual {
    padding-bottom: 1.5rem;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV {
    padding: 3%;
    padding-top: 0.7rem;
    padding-bottom: 0.5rem;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV DIV {
    width: 90%;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV DIV h4 {
    font-size: 80%;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV DIV P {
    font-size: 50%;
    padding-top: 0.5rem;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV IMG {
    width: 80%;
    margin-top: 1.2rem;
    padding-right: 0.4rem;
  }
  BODY.resources SECTION.training-videos DIV IMG.masicono {
    width: 60%;
  }
  BODY.resources SECTION.resources DIV H3 {
    font-size: 120%;
    padding-left: 3rem;
  }
  BODY.resources SECTION.resources DIV DIV.documentos {
    display: flex;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual {
    padding-bottom: 1.5rem;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV DIV {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV DIV h4 {
    font-size: 80%;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV DIV P {
    display: none;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV IMG {
    width: 60%;
    margin-top: 0.4rem;
    padding-right: 0.4rem;
  }
  BODY.resources SECTION.resources DIV IMG.masicono {
    width: 60%;
  }
  BODY.resources SECTION.faq H2 {
    font-size: 160%;
    padding-left: 3rem;
  }
  BODY.resources SECTION.faq UL LI {
    padding-bottom: 7%;
  }
  BODY.resources SECTION.faq UL LI A p {
    font-size: 100%;
  }
  BODY.resources SECTION.faq UL LI A p SPAN {
    border-color: black;
    margin-top: 12px;
  }
  BODY.resources SECTION.faq UL LI DIV.desplegable P {
    font-size: 90%;
  }
  BODY.resources SECTION.faq IMG.masicono {
    width: 80%;
  }

  /*-------------------CAREER RESPONSIVE 768-----------------*/
  BODY.careers {
    background-color: #F5F5F5;
  }
  BODY.careers SECTION.friendly-technology DIV.techno {
    margin-top: -25%;
  }
  BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide H3 {
    font-size: 130%;
    line-height: 120%;
  }
  BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide P {
    font-size: 100%;
    line-height: 140%;
  }
  BODY.careers SECTION.job-opportunities {
    padding-top: 10%;
  }
  BODY.careers SECTION.job-opportunities DIV.imagen-fondo {
    height: 50rem;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas {
    margin-top: -80%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas H1 {
    font-size: 140%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply H2 {
    font-size: 150%;
    line-height: 120%;
    padding-left: 2rem;
    padding-top: 10%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply P {
    font-size: 80%;
    padding-left: 2rem;
    line-height: 120%;
    width: 90%;
    min-height: 7rem;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply DIV {
    height: 23%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply DIV A.boton-apply {
    font-size: 70%;
    height: 80%;
    width: 30%;
  }
  BODY.careers SECTION.otras-ofertas DIV.tarjeta-email H3 {
    font-size: 150%;
  }
  BODY.careers SECTION.otras-ofertas DIV.tarjeta-email DIV P {
    font-size: 90%;
    line-height: 120%;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas H1 {
    font-size: 140%;
    padding: 3vw;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply {
    padding: 3vw;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply H2 {
    font-size: 110%;
    padding-top: 0;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply P {
    font-size: 70%;
    padding-top: 3%;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply UL LI {
    font-size: 70%;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV {
    margin-top: 1rem;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV A.boton-apply {
    font-size: 70%;
    width: 20%;
    padding-bottom: 2%;
    font-weight: 300;
    align-self: flex-end;
  }

  /*-------------ABOUT US RESPONSIVE 768-----------------------*/
  BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta IMG.foto-seccion {
    margin-bottom: -90%;
  }
  BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta DIV.tarjeta-azul {
    width: 60%;
  }
  BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta DIV.tarjeta-azul P {
    font-size: 100%;
  }
  BODY.about-us SECTION.microfluidic {
    margin-top: 85%;
  }
  BODY.about-us SECTION.microfluidic DIV H3 {
    font-size: 190%;
  }
  BODY.about-us SECTION.microfluidic DIV P {
    font-size: 110% !important;
  }
  BODY.about-us SECTION.microfluidic DIV {
    width: 80%;
  }
  BODY.about-us SECTION.microfluidic DIV H3 {
    font-size: 160%;
  }
  BODY.about-us SECTION.microfluidic DIV P.negrita {
    font-size: 100%;
    line-height: 35px;
  }
  BODY.about-us SECTION.microfluidic DIV P {
    font-size: 80%;
    line-height: 35px;
  }
  BODY.about-us SECTION.enviroment DIV.enviro {
    width: 80%;
    padding: 0;
  }
  BODY.about-us SECTION.enviroment DIV.enviro H2 {
    font-size: 160%;
    line-height: 3.7rem;
  }
  BODY.about-us SECTION.enviroment DIV.enviro P {
    font-size: 100%;
    line-height: 35px;
  }
  BODY.about-us SECTION.enviroment DIV.datos {
    flex-direction: column;
  }
  BODY.about-us SECTION.enviroment DIV.datos DIV.address {
    width: 100%;
  }
  BODY.about-us SECTION.enviroment DIV.datos DIV.address P {
    font-size: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
  }
  BODY.about-us SECTION.enviroment DIV.datos DIV.contact {
    width: 100%;
  }
  BODY.about-us SECTION.enviroment DIV.datos DIV.contact P {
    font-size: 100%;
    line-height: 40px;
    padding-top: 3%;
    padding-bottom: 3%;
  }
  BODY.about-us SECTION.enviroment IFRAME {
    height: 35vh;
  }
  BODY.about-us SECTION.values {
    background-color: #E5E5E5;
  }
  BODY.about-us SECTION.values H2 {
    font-size: 230%;
    font-weight: 500;
    padding: 5%;
    text-align: center;
  }
  BODY.about-us SECTION.values DIV.brand-value {
    width: 100%;
    height: 100%;
    flex-direction: column;
  }
  BODY.about-us SECTION.values DIV.brand-value DIV {
    width: 100%;
    text-align: left;
    padding: 4%;
    margin: auto;
    height: 100%;
  }
  BODY.about-us SECTION.values DIV.brand-value DIV H3 {
    font-size: 200%;
    font-weight: 500;
    padding: 4%;
    padding-top: 5%;
  }
  BODY.about-us SECTION.values DIV.brand-value DIV P.subtitulo {
    padding-top: 0.5rem;
    padding-bottom: 0rem;
    font-weight: 400;
  }
  BODY.about-us SECTION.values DIV.brand-value DIV P {
    padding: 4%;
    font-size: 110%;
    line-height: 125%;
    font-weight: 300;
    letter-spacing: 1.2px;
  }
  BODY.about-us SECTION.values DIV.brand-value IMG {
    width: 100%;
    height: 100%;
  }
  BODY.about-us SECTION.values DIV.brand-value:nth-child(odd) {
    flex-direction: column;
    height: 100%;
  }
  BODY.about-us SECTION.values DIV.brand-value:nth-child(odd) P, BODY.about-us SECTION.values DIV.brand-value:nth-child(odd) H3 {
    text-align: left;
    padding-top: 5%;
  }

  /*-------------CONTACT---responsive-768------------------------*/
  /*--------------CONTACT--responsive-768------------------------*/
  BODY.contact SECTION.formulario DIV.form {
    width: 90%;
    z-index: 101;
    margin-top: -20rem;
    left: 5%;
  }
  BODY.contact SECTION.formulario DIV.form H3 {
    font-size: 150%;
  }
  BODY.contact SECTION.formulario DIV.form FORM {
    padding-bottom: 8%;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-nombre P {
    width: 35%;
    font-size: 80%;
    padding-top: 2rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-nombre INPUT.cajainput {
    width: 65%;
    font-size: 90%;
    font-weight: 200;
    padding-top: 1.5rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble {
    display: flex;
    padding: 2.5%;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble P {
    width: 35%;
    font-size: 80%;
    padding-top: 2rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble P.phone {
    padding-left: 2rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble INPUT.cajainput {
    width: 15%;
    font-size: 80%;
    padding-top: 1.5rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-menssage {
    padding: 2.5%;
    padding-top: 2rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-menssage P {
    width: 25%;
    font-size: 120% !important;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-menssage TEXTAREA {
    font-size: 120%;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad {
    padding: 2.5%;
    font-size: 40%;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad DIV.botonprivacidad {
    margin-bottom: 2rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn {
    font-size: 90%;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn INPUT.btn-form {
    font-size: 70%;
  }
  BODY.contact SECTION.follow {
    margin-top: 0rem;
    padding-bottom: 0%;
  }
  BODY.contact SECTION.follow H3 {
    font-size: 180%;
    padding-left: 0;
  }
  BODY.contact SECTION.follow DIV.redes a {
    width: 30%;
    padding-bottom: 8%;
  }
  BODY.contact SECTION.follow DIV.redes a IMG {
    height: 6rem;
  }
  BODY.contact SECTION.contacto IMG {
    height: 20rem;
  }
  BODY.contact SECTION.contacto DIV.datos {
    flex-direction: column;
  }
  BODY.contact SECTION.contacto DIV.datos DIV.address {
    width: 100%;
  }
  BODY.contact SECTION.contacto DIV.datos DIV.address P {
    font-size: 110%;
    line-height: 45px;
    padding-top: 3%;
    padding-bottom: 3%;
  }
  BODY.contact SECTION.contacto DIV.datos DIV.contact {
    width: 100%;
  }
  BODY.contact SECTION.contacto DIV.datos DIV.contact P {
    font-size: 110%;
    line-height: 45px;
    padding-top: 3%;
    padding-bottom: 3%;
  }
  /*-------------PRODUCTOS PRODUCTOS-------------------*/
  /*--------------PRODUCTOS PRODUCTOS-------------------*/
  /*-------------MICROINR---RESPONSIVE 768----------------*/
  BODY.microinr ARTICLE.microinr SECTION.microinr {
    height: 100%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV {
    flex-direction: column;
    width: 87%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV IMG.cortadados {
    display: none;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto {
    padding-bottom: 0%;
    padding-top: 9%;
    margin: auto;
    width: 100%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto H1 {
    font-size: 200%;
    padding-bottom: 5%;
    padding-top: 19%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto H2 {
    font-size: 180%;
    padding-top: 6%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto P {
    font-size: 100%;
    line-height: 130%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV IMG.cortada {
    margin: auto;
    padding-left: 0;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos {
    height: 100%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV {
    flex-direction: column;
    width: 95%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV IMG.cortadados {
    display: none;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto {
    padding-bottom: 0%;
    padding-top: 9%;
    margin: auto;
    width: 100%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto H1 {
    font-size: 200%;
    padding-bottom: 5%;
    padding-top: 19%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto H2 {
    font-size: 180%;
    padding-top: 6%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto P {
    font-size: 100%;
    line-height: 130%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user {
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    /*---foto--*/
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly {
    width: 100%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly H4 {
    font-size: 80%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly H3 {
    font-size: 120%;
    padding-top: 3%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly DIV.icons {
    width: 98%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly DIV.icons DIV.individual {
    width: 100%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly DIV.icons DIV.individual P {
    font-size: 60%;
    min-height: 70px;
  }
  BODY.microinr ARTICLE.microinr SECTION.user IMG {
    width: 50%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion {
    height: 140vh;
    flex-direction: column;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion img {
    padding-left: 8%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider {
    width: 90%;
    height: 54vh;
    margin: auto;
    left: 0%;
    top: 7%;
    padding-bottom: 0%;
    margin-top: -4rem;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider DIV.slide {
    top: 0%;
    height: 62vh;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider .flickity-viewport {
    height: 450.797px !important;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider .flickity-prev-next-button.previous {
    left: 0%;
    top: 50%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion .slider .flickity-page-dots {
    bottom: 80px;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion .flickity-page-dots .dot {
    border: 2px solid #045CD3;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.caracteristicas {
    width: 70%;
    left: 10%;
    padding-top: 0;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.caracteristicas P.negrita {
    font-size: 75%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.caracteristicas P.normal {
    font-size: 75%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step {
    flex-direction: column;
    /*---foto--*/
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst {
    width: 100%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst UL.list {
    display: none;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst UL.list LI A {
    font-size: 70%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst {
    width: 100%;
    margin-top: 0%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst H4 {
    font-size: 170%;
    line-height: 110%;
    font-weight: 400;
    padding-top: 10%;
    padding-left: 5%;
    padding-bottom: 8%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco {
    width: 100%;
    padding-top: 3%;
    height: 45vh;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco P.blue {
    font-size: 180%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco H3 {
    font-size: 150%;
    line-height: 110%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco P.text {
    font-size: 100%;
    line-height: 120%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step VIDEO {
    width: 100vw;
    height: 100%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step .flickity-page-dots {
    display: block;
    bottom: 80px;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step .flickity-page-dots .dot {
    border: 2px solid #045CD3;
  }
  BODY.microinr SECTION.formulario {
    padding-top: 0rem;
  }
  BODY.microinr SECTION.formulario DIV.form {
    width: 100%;
    margin-top: 0%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM {
    width: 90%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre P {
    font-size: 80%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI {
    padding-top: 0%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI A {
    font-size: 80%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI A {
    padding-left: 2rem;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI SPAN.arrow {
    padding: 4px;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre INPUT.cajainput {
    font-size: 80%;
    margin-left: 0;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.botonprivacidad {
    display: flex;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.botonprivacidad P {
    font-size: 60%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn {
    font-size: 90%;
  }
  /*-------------------easy control RESPONSIVE 768-----------------*/
  BODY.easy-control ARTICLE.easy {
    /* arrow color */
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control {
    flex-direction: column;
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control DIV {
    width: 100%;
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control DIV H1 {
    font-size: 160%;
     line-height: 120%;
    padding-top: 1rem;
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control DIV H1 SPAN {
    width: 90%;
    font-size: 60%;
    line-height: 120%;
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control DIV P {
    font-size: 90%;
    line-height: 130%;
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control IMG.botes {
    display: none;
  }
  BODY.easy-control ARTICLE.easy DIV.flecha {
    margin-top: 8vh;
  }
  BODY.easy-control ARTICLE.easy DIV.flecha IMG.flecha {
    width: 3%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider {
    height: 100%;
    width: 90%;
    margin: auto;
    margin-bottom: 6rem;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide {
    width: 100%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide IMG.pointer {
    width: 75%;
    height: 41%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide IMG.tresde {
    width: 75%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide VIDEO.tresde {
    width: 53%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide DIV.tarjeta-slide {
    padding-bottom: 2rem;
    width: 90%;
    left: 5%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide DIV.tarjeta-slide DIV.cabeza H3 {
    font-size: 100%;
    line-height: 140%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide P {
    font-size: 100%;
    padding-bottom: 1rem;
  }
  BODY.easy-control ARTICLE.easy .flickity-prev-next-button.previous {
    left: 12%;
    top: 20%;
  }
  BODY.easy-control ARTICLE.easy .flickity-prev-next-button.next {
    right: 12%;
    top: 20%;
  }
  BODY.easy-control ARTICLE.easy .flickity-prev-next-button {
    width: 40px;
    height: 40px;
  }
  BODY.easy-control ARTICLE.easy .flickity-prev-next-button .arrow {
    fill: #1271F1;
  }
  BODY.easy-control ARTICLE.easy element.style {
    height: 773.77px;
    touch-action: pan-y;
  }

  BODY.micro-chip ARTICLE.micro-chip {
    margin-top: 9.5vh;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip {
    width: 80%;
    flex-direction: column;
    height: 100%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV {
    width: 80%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV H1 {
    font-size: 250%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV P {
    padding-top: 4%;
    font-size: 100%;
    line-height: 2.2rem;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip IMG.botes {
    margin-top: 10%;
    margin-left: 22%;
  }
  BODY.micro-chip ARTICLE.micro-chip DIV.flecha3 {
    display: flex;
    justify-content: center;
    text-align: center;
  }
  BODY.micro-chip ARTICLE.micro-chip DIV.flecha3 IMG.flecha3 {
    width: 4%;
    padding-top: 3rem;
    padding-bottom: 2rem;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-animado {
    height: 100%;
  }
  BODY.micro-chip ARTICLE.micro-chip VIDEO.video {
    width: 60%;
  }

  /*-------------MICRO-CHIP----768 responsive-----------*/
  BODY.micro-chip ARTICLE.micro-chip {
    height: 100vh;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip {
    width: 100%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV {
    flex-direction: column;
    width: 90%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV {
    width: 100%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV H1 {
    font-size: 250%;
    padding-top: 9%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV H3 {
    font-size: 180%;
    line-height: 130%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV H2 {
    font-size: 100%;
    line-height: 130%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV P {
    font-size: 90%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV IMG {
    width: 35%;
    padding-top: 5%;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user {
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    /*---foto--*/
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly {
    width: 100%;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly H4 {
    font-size: 80%;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly H3 {
    font-size: 120%;
    padding-top: 3%;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly DIV.icons {
    width: 98%;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly DIV.icons DIV.individual {
    width: 100%;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly DIV.icons DIV.individual P {
    font-size: 60%;
    min-height: 70px;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user IMG {
    width: 50%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV {
    width: 90%;
    flex-direction: column;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV IMG {
    width: 40%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV {
    width: 100%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV H2 {
    font-size: 120%;
    line-height: 130%;
    padding-top: 2vh;
    line-height: 140%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV H3 {
    font-size: 170%;
    line-height: 130%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV UL LI {
    font-size: 65%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV {
    display: flex;
    width: 90%;
    flex-direction: column-reverse;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV H2 {
    font-size: 120%;
    line-height: 130%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV H3 {
    font-size: 170%;
    line-height: 130%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV UL LI {
    font-size: 65%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV A {
    margin: auto;
    margin-top: 10%;
  }
  /*-------------NOTAS DE PRENSA---------------*/
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta {
    padding: 0;
    margin: 0;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta DIV.flex {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta DIV.flex H1 {
    font-size: 120%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta DIV.flex P {
    font-size: 80%;
    padding-bottom: 1rem;
    text-align: left;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta H2 {
    font-size: 100%;
    padding-top: 2rem;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta P {
    font-size: 80%;
    line-height: 135%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider {
    height: 35vh;
    /* arrow color */
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider div.slide {
    height: 35vh;
    padding: 0;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider .flickity-prev-next-button.previous {
    left: 4%;
    top: 50%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider .flickity-prev-next-button.next {
    right: 4%;
    top: 50%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider .flickity-prev-next-button {
    width: 35px;
    height: 35px;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider .flickity-prev-next-button .arrow {
    fill: #1271F1;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.botones DIV.flex A {
    height: 6vh;
    font-size: 60%;
    line-height: 125%;
  }

  BODY.notas-de-prensa ARTICLE.notas-de-prensa H1 {
    font-size: 150%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota {
    height: 30vh;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular P.fecha {
    font-size: 60%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular H2 {
    font-size: 80%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular P {
    font-size: 60%;
    padding-top: 3%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota A.boton {
    width: 10%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota A.boton IMG.link {
    width: 70%;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  /*-------------------HOME RESPONSIVE 767-----------------*/
  BODY {
    font-size: 4vw;
  }

  BODY.home SECTION.hero {
    height: 117.5vh;
  }
  BODY.home SECTION.hero DIV.hero1 {
    padding: 2%;
  }
  BODY.home SECTION.hero DIV.hero2 DIV.titulohero {
    width: 80vw;
  }
  BODY.home SECTION.hero DIV.hero2 DIV.titulohero H2 {
    font-size: 260%;
  }
  BODY.home SECTION.hero DIV.hero2 DIV.titulohero P {
    font-size: 150%;
  }
  BODY.home SECTION.baner h3 {
    font-size: 180%;
  }
  BODY.home SECTION.baner P.blanco {
    font-size: 120%;
    padding-left: 0%;
    padding-right: 0%;
  }
  BODY.home SECTION.product-full-w div.img img {
    width: 150%;
  }
  BODY.home SECTION.product-full-w div.text {
    width: 50%;
    padding-top: 6vh;
    padding-bottom: 6vh;
    padding-right: 2vw;
  }
  BODY.home SECTION.product-full-w div.text h2 {
    font-size: 160%;
  }
  BODY.home SECTION.product-full-w div.text p {
    font-size: 110%;
  }
  BODY.home SECTION.product-full-w div.text img {
    width: 16%;
  }
  BODY.home SECTION.micro DIV.micro2 {
    padding: 1rem;
    padding-left: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  BODY.home SECTION.micro DIV.micro2 H2 {
    font-size: 160%;
    margin-top: -1rem;
  }
  BODY.home SECTION.micro DIV.micro2 P {
    font-size: 110%;
  }
  BODY.home SECTION.micro DIV.micro2 IMG.disp1 {
    width: 47%;
  }
  BODY.home SECTION.micro DIV.micro2 IMG.iconoazul {
    width: 30px;
    height: 30px;
    margin-top: 8px;
  }
  BODY.home SECTION.micro DIV.micro3 {
    padding: 1rem;
    padding-right: 2rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  BODY.home SECTION.micro DIV.micro3 H2 {
    font-size: 160%;
    margin-top: -1rem;
  }
  BODY.home SECTION.micro DIV.micro3 P {
    font-size: 110%;
  }
  BODY.home SECTION.micro DIV.micro3 IMG.disp1 {
    width: 45%;
  }
  BODY.home SECTION.micro DIV.micro3 IMG.iconoazul {
    width: 30px;
    height: 30px;
    margin-top: 8px;
  }
  BODY.home SECTION.section4 .section4hijo div H2 {
    font-size: 180%;
  }
  BODY.home SECTION.section4 .section4hijo div P {
    font-size: 120%;
  }
  BODY.home SECTION.secfotos DIV DIV {
    padding: 2rem;
    width: 100%;
  }
  BODY.home SECTION.secfotos DIV DIV H2 {
    font-size: 180%;
    font-weight: 400;
  }
  BODY.home SECTION.secfotos DIV DIV P {
    font-size: 120%;
  }

  /*-------------------TECHNOLOGY RESPONSIVE 767-----------------*/
  BODY.technology {
    background-color: #E5E5E5;
  }
  BODY.technology ARTICLE.core-technology {
    /*-  DIV.imagen-fondo{ background-color: greenyellow; width: 100%; height: 30rem;}-*/
    /* arrow color */
  }
  BODY.technology ARTICLE.core-technology SECTION.techno DIV.tarjeta {
    margin-bottom: 13vh;
  }
  BODY.technology ARTICLE.core-technology SECTION.techno DIV.tarjeta H3 {
    font-size: 130%;
  }
  BODY.technology ARTICLE.core-technology SECTION.techno DIV.tarjeta P {
    font-size: 120%;
    line-height: 130%;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d {
    width: 95%;
    margin-bottom: 2rem;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color DIV.contenedor {
    width: 55%;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color DIV.tarjeta-slide {
    width: 70%;
    left: 15%;
    padding: 1rem;
    height: 100%;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color DIV.tarjeta-slide DIV.cabeza H3 {
    font-size: 100%;
    padding-bottom: 0.5rem;
  }
  BODY.technology ARTICLE.core-technology DIV.techno3d DIV.color P {
    font-size: 90%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  BODY.technology ARTICLE.core-technology .flickity-prev-next-button.previous {
    left: 4%;
    top: 10%;
  }
  BODY.technology ARTICLE.core-technology .flickity-prev-next-button.next {
    right: 4%;
    top: 10%;
  }
  BODY.technology ARTICLE.core-technology .flickity-prev-next-button {
    width: 25px;
    height: 25px;
  }
  BODY.technology ARTICLE.core-technology .flickity-prev-next-button .arrow {
    fill: #1271F1;
  }
  /*-------------------RESOURCES RESPONSIVE 767-----------------*/
  BODY.resources SECTION.resources01 {
    padding-top: 15rem;
  }
  BODY.resources SECTION.resources01 DIV.madretarjetas A.tarjeta {
    margin-top: 2rem;
    width: 25%;
    background-color: #1271F1;
  }
  BODY.resources SECTION.resources01 DIV.madretarjetas A.tarjeta H3 {
    font-size: 80%;
    text-align: center;
    padding: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #FFFFFF;
  }
  BODY.resources SECTION.resources01 DIV.madretarjetas A.tarjeta IMG {
    display: none;
  }
  BODY.resources SECTION.training-videos {
    padding-top: 9rem;
  }
  BODY.resources SECTION.training-videos DIV H3 {
    font-size: 150%;
    padding-left: 1.5rem;
    padding-top: 2rem;
    margin-top: -2rem;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos {
    padding-top: 2rem;
    flex-direction: column;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual {
    padding-bottom: 1.5rem;
    width: 90%;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV {
    padding: 3%;
    padding-top: 0.7rem;
    padding-bottom: 0.5rem;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV DIV h4 {
    font-size: 120%;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV DIV P {
    font-size: 100%;
    padding-top: 0.5rem;
  }
  BODY.resources SECTION.training-videos DIV DIV.videos DIV.videoindividual DIV IMG {
    width: 75%;
    margin-top: 1rem;
    padding-right: 0rem;
  }
  BODY.resources SECTION.training-videos DIV IMG.masicono {
    width: 60%;
  }
  BODY.resources SECTION.resources DIV H3 {
    font-size: 150%;
    font-weight: 500;
    padding-left: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  BODY.resources SECTION.resources DIV DIV.documentos {
    padding-top: 2rem;
    flex-direction: column;
    align-content: center;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual {
    padding-bottom: 1.5rem;
    width: 90%;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV {
    padding: 3%;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV DIV {
    padding-bottom: 0rem;
    padding-top: 0rem;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV DIV h4 {
    font-size: 150%;
  }
  BODY.resources SECTION.resources DIV DIV.documentos DIV.docindividual DIV IMG {
    width: 72%;
    margin-top: 0rem;
    padding-right: 0.4rem;
  }
  BODY.resources SECTION.resources DIV IMG.masicono {
    width: 60%;
  }
  BODY.resources SECTION.faq H2 {
    font-size: 160%;
    padding-left: 2rem;
    padding: 5%;
  }
  BODY.resources SECTION.faq UL LI {
    padding-top: 3%;
    padding-bottom: 8%;
  }
  BODY.resources SECTION.faq UL LI A p {
    font-size: 120%;
  }
  BODY.resources SECTION.faq UL LI A p SPAN {
    border-color: black;
    padding: 5px;
  }
  BODY.resources SECTION.faq UL LI DIV.desplegable P {
    font-size: 110%;
    line-height: 130%;
  }
  BODY.resources SECTION.faq IMG.masicono {
    width: 80%;
  }

  /*-------------------CAREERS RESPONSIVE 767-----------------*/
  BODY.careers {
    background-color: #F5F5F5;
  }
  BODY.careers SECTION.friendly-technology DIV.imagen-fondo {
    width: 100%;
    background-position: center center;
  }
  BODY.careers SECTION.friendly-technology DIV.techno {
    margin-top: -50%;
  }
  BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide H3 {
    font-size: 130%;
    line-height: 120%;
    padding: 1.3rem;
  }
  BODY.careers SECTION.friendly-technology DIV.techno DIV.tarjeta-slide P {
    font-size: 120%;
    line-height: 140%;
    padding: 1.3rem;
  }
  BODY.careers SECTION.job-opportunities {
    padding-top: 10%;
  }
  BODY.careers SECTION.job-opportunities DIV.imagen-fondo {
    height: 50rem;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas {
    margin-top: -190%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas H1 {
    font-size: 140%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros {
    flex-direction: column;
    /*-pares contando desde el final-*/
    /*-ultima-hija-*/
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid black;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply H2 {
    font-size: 150%;
    line-height: 120%;
    padding-left: 1.3rem;
    padding-top: 10%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply P {
    font-size: 110%;
    padding-left: 1.3rem;
    line-height: 120%;
    width: 90%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply DIV {
    height: 21%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros DIV.apply DIV A.boton-apply {
    font-size: 70%;
    height: 70%;
    width: 30%;
    padding-top: 4%;
    padding-bottom: 4%;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros:nth-child(even) {
    border-right: none;
    border-bottom: 1px solid black;
  }
  BODY.careers SECTION.job-opportunities DIV.ofertas DIV.tarjeta-ofertas DIV.cuadros:nth-last-child(-n+2) {
    border-bottom: none;
  }
  BODY.careers SECTION.otras-ofertas DIV.tarjeta-email H3 {
    font-size: 150%;
  }
  BODY.careers SECTION.otras-ofertas DIV.tarjeta-email DIV P {
    font-size: 110%;
    line-height: 120%;
    padding: 1rem;
  }

  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas {
    width: 90%;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas H1 {
    font-size: 150%;
    padding: 4vw;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply {
    padding: 4vw;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply H2 {
    font-size: 130%;
    padding-top: 0;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply P {
    font-size: 100%;
    padding-top: 3%;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV.apply UL LI {
    font-size: 100%;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV {
    margin-top: 1rem;
  }
  BODY.careers-detalle SECTION.job-opportunities DIV.imagen-fondo DIV.oferta DIV.tarjeta-ofertas DIV A.boton-apply {
    font-size: 90%;
    width: 30%;
    padding-bottom: 4%;
    padding-top: 4%;
  }

  /*-------------ABOUT US RESPONSIVE 767-----------------------*/
  BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta {
    left: 8%;
  }
  BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta IMG.foto-seccion {
    margin-bottom: -150%;
    width: 70%;
    margin-left: 23%;
    padding-bottom: 8%;
  }
  BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta DIV.tarjeta-azul {
    width: 75%;
  }
  BODY.about-us ARTICLE.friendly SECTION.friendly-relative DIV.absol-tarjeta DIV.tarjeta-azul P {
    font-size: 110%;
    padding-left: 0.7rem;
    padding-bottom: 10%;
  }
  BODY.about-us SECTION.microfluidic {
    margin-top: 80vh;
  }
  BODY.about-us SECTION.microfluidic DIV {
    width: 90%;
  }
  BODY.about-us SECTION.microfluidic DIV H3 {
    font-size: 200%;
  }
  BODY.about-us SECTION.microfluidic DIV P.negrita {
    font-size: 120%;
    line-height: 130%;
    padding-top: 6%;
  }
  BODY.about-us SECTION.microfluidic DIV P {
    font-size: 130%;
    line-height: 140%;
    padding-top: 6%;
  }
  BODY.about-us SECTION.microfluidic IMG {
    padding-top: 6%;
  }
  BODY.about-us SECTION.enviroment DIV.enviro {
    width: 90%;
    padding: 0;
  }
  BODY.about-us SECTION.enviroment DIV.enviro H2 {
    font-size: 210%;
    line-height: 2.5rem;
  }
  BODY.about-us SECTION.enviroment DIV.enviro P {
    font-size: 130%;
    line-height: 28px;
  }
  BODY.about-us SECTION.enviroment DIV.datos {
    flex-direction: column;
  }
  BODY.about-us SECTION.enviroment DIV.datos DIV.address {
    width: 100%;
  }
  BODY.about-us SECTION.enviroment DIV.datos DIV.address P {
    font-size: 130%;
    padding-top: 3%;
    padding-bottom: 3%;
  }
  BODY.about-us SECTION.enviroment DIV.datos DIV.contact {
    width: 100%;
  }
  BODY.about-us SECTION.enviroment DIV.datos DIV.contact P {
    font-size: 130%;
    line-height: 40px;
    padding-top: 3%;
    padding-bottom: 3%;
  }
  BODY.about-us SECTION.mapa {
    flex-direction: column;
    height: 100vh;
  }
  BODY.about-us SECTION.mapa DIV.map {
    width: 100%;
    height: 50vh;
  }
  BODY.about-us SECTION.mapa DIV.img-map {
    width: 100%;
    height: 50vh;
  }
  BODY.about-us SECTION.values H2 {
    font-size: 320%;
    font-weight: 500;
    padding: 5%;
    padding-top: 8%;
    text-align: center;
  }
  BODY.about-us SECTION.values DIV.brand-value {
    flex-direction: column;
  }
  BODY.about-us SECTION.values DIV.brand-value DIV {
    width: 100%;
    text-align: left;
  }
  BODY.about-us SECTION.values DIV.brand-value DIV H3 {
    padding-top: 8%;
    font-size: 230%;
  }
  BODY.about-us SECTION.values DIV.brand-value DIV P {
    font-size: 130%;
    line-height: 28px;
  }
  BODY.about-us SECTION.values DIV.brand-value IMG {
    width: 100%;
    height: 20rem;
  }

  /*-------------CONTACT---responsive-767------------------------*/
  /*--------------CONTACT--responsive-767------------------------*/
  BODY.contact SECTION.formulario DIV.form {
    width: 90%;
    z-index: 101;
    margin-top: -20rem;
    left: 5%;
  }
  BODY.contact SECTION.formulario DIV.form H3 {
    font-size: 150%;
    padding-left: 9%;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-nombre P {
    width: 35%;
    font-size: 100%;
    padding-top: 1.3rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-nombre INPUT.cajainput {
    width: 65%;
    font-size: 90%;
    font-weight: 200;
    padding-top: 1rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble {
    display: flex;
    padding: 2.5%;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble P {
    width: 25%;
    font-size: 100%;
    padding-top: 1.3rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble P.phone {
    padding-left: 1.2rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble P.phone SPAN {
    display: none;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-doble INPUT.cajainput {
    width: 25%;
    font-size: 80%;
    padding-top: 1rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-menssage {
    padding: 2.5%;
    padding-top: 2rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-menssage P {
    width: 25%;
    font-size: 100%;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.caja-menssage TEXTAREA {
    padding-bottom: 10rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad {
    padding: 2.5%;
    font-size: 50%;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad DIV.botonprivacidad {
    margin-bottom: 2rem;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn {
    font-size: 120%;
  }
  BODY.contact SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn INPUT.btn-form {
    font-size: 70%;
    height: 3.8rem;
    width: 6rem;
  }
  BODY.contact SECTION.follow {
    margin-top: 5rem;
    padding-bottom: 0%;
  }
  BODY.contact SECTION.follow H3 {
    width: 90%;
    font-size: 180%;
    padding-left: 0;
    margin-top: -12rem;
  }
  BODY.contact SECTION.follow DIV.redes {
    width: 90%;
  }
  BODY.contact SECTION.follow DIV.redes a {
    width: 30%;
    padding-bottom: 8%;
  }
  BODY.contact SECTION.follow DIV.redes a IMG {
    height: 5rem;
  }
  BODY.contact SECTION.contacto IMG {
    height: 15rem;
  }
  BODY.contact SECTION.contacto DIV.datos {
    flex-direction: column;
  }
  BODY.contact SECTION.contacto DIV.datos DIV.address {
    width: 100%;
    height: 13rem;
  }
  BODY.contact SECTION.contacto DIV.datos DIV.address P {
    font-size: 110%;
    line-height: 30px;
    padding-top: 3%;
    padding-bottom: 3%;
  }
  BODY.contact SECTION.contacto DIV.datos DIV.contact {
    width: 100%;
    height: 13rem;
  }
  BODY.contact SECTION.contacto DIV.datos DIV.contact P {
    font-size: 110%;
    line-height: 30px;
    padding-top: 5%;
    padding-bottom: 3%;
  }
  /*-------------PRODUCTOS PRODUCTOS-------------------*/
  /*--------------PRODUCTOS PRODUCTOS-------------------*/
  /*-------------MICROINR---RESPONSIVE 767----------------*/
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV DIV.texto P {
    font-size: 120%;
    line-height: 140%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr DIV IMG.cortada {
    width: 40%;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV IMG.cortadados {
    display: none;
  }
  BODY.microinr ARTICLE.microinr SECTION.microinr-dos DIV DIV.texto P {
    font-size: 120%;
    line-height: 140%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user {
    flex-direction: column;
    /*---foto--*/
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly {
    width: 100%;
    padding-left: 6%;
    padding-top: 15%;
    padding-bottom: 15%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly H4 {
    font-size: 140%;
    padding-bottom: 0;
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly H3 {
    font-size: 100%;
    padding-top: 5%;
    padding-bottom: 0;
    line-height: 150%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly DIV.icons {
    width: 100%;
    padding-top: 10%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly DIV.icons DIV.individual {
    width: 100%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly DIV.icons DIV.individual IMG {
    width: 40px;
  }
  BODY.microinr ARTICLE.microinr SECTION.user DIV.friendly DIV.icons DIV.individual P {
    font-size: 75%;
    padding-top: 20%;
  }
  BODY.microinr ARTICLE.microinr SECTION.user IMG {
    width: 100%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion {
    height: 135vh;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion IMG.gallery {
    width: 100%;
    padding: 0;
    display: none;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion IMG {
    left: 10%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider {
    width: 100%;
    height: 50vh;
    margin: auto;
    left: 0%;
    top: 0%;
    padding-bottom: 0%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider BUTTON.flickity-prev-next-button {
    height: 20px;
    width: 20px;
    left: 87%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider .flickity-prev-next-button.previous {
    left: 9%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.slider .flickity-viewport {
    height: 235px !important;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.caracteristicas {
    width: 80%;
    margin-top: -20%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.caracteristicas P.negrita {
    font-size: 100%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.instruccion DIV.caracteristicas P.normal {
    font-size: 90%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst {
    width: 100%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst H4 {
    font-size: 200%;
    line-height: 40px;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco {
    height: 43vh;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco P.blue {
    font-size: 220%;
    padding-bottom: 0;
    padding-top: 10px;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco H3 {
    font-size: 200%;
    line-height: 120%;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step DIV.list-inst DIV.inst DIV.blanco P.text {
    font-size: 120%;
    padding-bottom: 5%;
    line-height: 130%;
    height: 80px;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step DIV.step VIDEO {
    width: 100VW;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step .flickity-page-dots {
    display: block;
    bottom: 30px;
  }
  BODY.microinr ARTICLE.instrucciones SECTION.step-by-step .flickity-page-dots .dot {
    border: 2px solid #045CD3;
  }
  BODY.microinr SECTION.formulario DIV.form {
    width: 100%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM {
    width: 90%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre {
    flex-direction: column;
    width: 100%;
    padding-bottom: 10%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre P {
    font-size: 140%;
    width: 100%;
    padding-top: 5%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI {
    width: 70%;
    padding-top: 10%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI A {
    font-size: 180%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI A {
    padding-left: 0rem;
    margin-top: 0rem;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre UL LI SPAN.arrow {
    padding: 6px;
    margin-top: -0.2rem;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.caja-nombre INPUT.cajainput {
    width: 95%;
    margin-left: 0;
    padding-top: 2%;
    font-size: 140%;
    margin-top: 0;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.botonprivacidad {
    display: flex;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.botonprivacidad P {
    font-size: 120%;
    padding-top: 1%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn {
    font-size: 100%;
    padding-bottom: 5%;
  }
  BODY.microinr SECTION.formulario DIV.form FORM DIV.privacidad DIV.padre-btn INPUT.btn-form {
    height: 3rem;
    width: 5rem;
  }
  /*-------------PRODUCTOS PRODUCTOS-------------------*/
  /*-------------------easy control RESPONSIVE 767-----------------*/
  BODY.easy-control ARTICLE.easy {
    /* arrow color */
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control {
    width: 90%;
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control DIV {
    width: 100%;
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control DIV H1 {
    font-size: 160%;
     line-height: 120%;
    padding-top: 1rem;
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control DIV H1 SPAN {
    width: 90%;
    font-size: 60%;
    line-height: 120%;
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control DIV P {
    font-size: 100%;
    line-height: 130%;
  }
  BODY.easy-control ARTICLE.easy SECTION.easy-control IMG.botes {
    width: 24%;
    height: 45%;
    margin-top: 11rem;
  }
  BODY.easy-control ARTICLE.easy DIV.flecha {
    margin-top: 15vh;
  }
  BODY.easy-control ARTICLE.easy DIV.flecha IMG.flecha {
    width: 3%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider {
    height: 100%;
    width: 90%;
    margin: auto;
    margin-bottom: 5vh;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide {
    width: 100%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide IMG.pointer {
    width: 100%;
    height: 41%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide IMG.tresde {
    width: 100%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide VIDEO.tresde {
    width: 53%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide DIV.tarjeta-slide {
    padding-bottom: 2rem;
    padding: 0;
    width: 90%;
    left: 5%;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide DIV.tarjeta-slide DIV.cabeza H3 {
    font-size: 100%;
    line-height: 140%;
    padding: 1rem;
  }
  BODY.easy-control ARTICLE.easy SECTION.slider DIV.slide P {
    font-size: 100%;
    padding: 1rem;
  }
  BODY.easy-control ARTICLE.easy .flickity-prev-next-button.previous {
    left: 4%;
    top: 35%;
  }
  BODY.easy-control ARTICLE.easy .flickity-prev-next-button.next {
    right: 4%;
    top: 35%;
  }
  BODY.easy-control ARTICLE.easy .flickity-prev-next-button {
    width: 25px;
    height: 25px;
  }
  BODY.easy-control ARTICLE.easy .flickity-prev-next-button .arrow {
    fill: #1271F1;
  }
  BODY.easy-control ARTICLE.easy element.style {
    height: 773.77px;
    touch-action: pan-y;
  }

  /*-------------------microchip videoscroll RESPONSIVE 767-----------------*/
  BODY.micro-chip ARTICLE.micro-chip {
    margin-top: 16vh;
    height: auto;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip {
    width: 100%;
    padding: 6vh 0;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV {
    width: 90%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV H1 {
    padding-top: 0%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV DIV P {
    font-size: 100%;
  }
  BODY.micro-chip ARTICLE.micro-chip SECTION.micro-chip DIV IMG {
    width: 45%;
  }
  BODY.micro-chip ARTICLE.video-scroll {
    margin-top: 14vh;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION {
    flex-direction: column;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts {
    width: 100%;
    height: 30vh;
    top: 70vh;
    bottom: 3vh;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item {
    top: auto;
    height: auto;
    position: relative;
    padding: 6vh 10vw;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item H2 {
    font-size: 100%;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item H3 {
    font-size: 150%;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION DIV.video-scroll-texts DIV.video-scroll-texts-wrapper DIV.video-scroll-texts-item P {
    font-size: 100%;
    width: 100%;
  }
  BODY.micro-chip ARTICLE.video-scroll SECTION VIDEO {
    top: 16vh;
    margin-bottom: 20vh;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) and (orientation: landscape) {
  BODY.micro-chip ARTICLE.video-scroll SECTION VIDEO {
    height: 100vh;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) and (orientation: portrait) {
  BODY.micro-chip ARTICLE.video-scroll SECTION VIDEO {
    width: 100vw;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  BODY.micro-chip ARTICLE.user-friendly SECTION.user {
    flex-direction: column;
    /*---foto--*/
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly {
    width: 100%;
    padding-left: 6%;
    padding-top: 15%;
    padding-bottom: 15%;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly H4 {
    font-size: 140%;
    padding-bottom: 0;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly H3 {
    font-size: 100%;
    padding-top: 5%;
    padding-bottom: 0;
    line-height: 150%;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly DIV.icons {
    width: 100%;
    padding-top: 10%;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly DIV.icons DIV.individual {
    width: 100%;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly DIV.icons DIV.individual IMG {
    width: 40px;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user DIV.friendly DIV.icons DIV.individual P {
    font-size: 75%;
    padding-top: 20%;
  }
  BODY.micro-chip ARTICLE.user-friendly SECTION.user IMG {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV {
    width: 90%;
    flex-direction: column;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV IMG {
    width: 40%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV {
    width: 100%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV H2 {
    font-size: 120%;
    line-height: 130%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV H3 {
    font-size: 170%;
    line-height: 110%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-chip DIV DIV UL LI {
    font-size: 95%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV {
    display: flex;
    width: 90%;
    flex-direction: column-reverse;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV H2 {
    font-size: 120%;
    line-height: 130%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV H3 {
    font-size: 170%;
    line-height: 110%;
  }
  BODY.micro-chip ARTICLE.especificaciones SECTION.especificaciones-del-sistema DIV DIV UL LI {
    font-size: 85%;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta DIV.flex H1 {
    font-size: 180%;
    line-height: 130%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta DIV.flex P {
    font-size: 100%;
    padding-bottom: 1rem;
    text-align: left;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta H2 {
    font-size: 160%;
    padding-top: 2rem;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.tarjeta P {
    font-size: 120%;
    padding-right: 2%;
    line-height: 140%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel {
    padding-bottom: 0;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider {
    height: 45vh;
    /* arrow color */
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider div.slide {
    height: 45vh;
    padding: 0;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider div.slide img {
    width: 110%;
    object-fit: cover;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider .flickity-prev-next-button.previous {
    left: 5%;
    top: 50%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider .flickity-prev-next-button.next {
    right: 5%;
    top: 50%;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider .flickity-prev-next-button {
    width: 20px;
    height: 20px;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.carrusel div.slider .flickity-prev-next-button .arrow {
    fill: #1271F1;
  }
  BODY.notas-de-prensa-detalle ARTICLE.notas-de-prensa-detalle SECTION.notas DIV.botones DIV.flex A {
    width: 7rem;
    padding-top: 12px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  BODY.notas-de-prensa ARTICLE.notas-de-prensa H1 {
    font-size: 150%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota {
    height: 30vh;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota IMG {
    display: none;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular {
    width: 90%;
    padding-left: 0;
    padding-right: 5%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular P.fecha {
    font-size: 80%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular H2 {
    font-size: 120%;
    padding-top: 2%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota DIV.titular P {
    font-size: 90%;
    padding-top: 3%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota A.boton {
    width: 10%;
  }
  BODY.notas-de-prensa ARTICLE.notas-de-prensa SECTION.notas DIV.nota A.boton IMG.link {
    display: flex;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 1900px) {
  BODY HEADER SECTION.hint {
    height: 3vh;
    min-height: 2rem;
  }
  BODY HEADER SECTION.hint P.textopie {
    font-size: 50%;
  }
  BODY HEADER NAV {
    height: 6vh;
    min-height: 3rem;
  }
  BODY HEADER NAV img.logo {
    width: 60%;
  }
  BODY HEADER NAV UL.enlaces-menu {
    top: 9vh;
  }
  BODY HEADER NAV UL.enlaces-menu p {
    font-size: 60%;
  }
  BODY HEADER NAV UL.enlaces-menu DIV.desplegable-productos {
    height: 95vh;
    margin-top: 2vh;
  }
  BODY HEADER NAV UL.enlaces-menu DIV.desplegable-productos UL.productos {
    height: 90%;
  }
  BODY HEADER NAV A.boton-region LI.global {
    font-size: 70%;
  }
  BODY HEADER NAV section.region div.region.desplegable li a {
    font-size: 60%;
  }

  BODY.home SECTION.hero {
    height: 91.6vh;
    margin-top: 9vh;
  }
}

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