.nosotros-desktop {
  align-items: center;
  background-color: white;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}

/*ESTILOS MODULO BANNER PRINCIPAL*/

.nosotros-desktop .modulo-principal-nosotros {
  align-items: center;
  display: flex;
  min-height: 928px;
  justify-content: center;
  width: 100%;
  background-image: url(../img/background-modulo-principal-nosotros.png);
  background-position: center bottom;
  background-size: cover;
  margin-top: 148px;
  padding:0 7% 0 13%;
}

.nosotros-desktop .contenido-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.nosotros-desktop .content-column {
  width:55%;
}

.nosotros-desktop .banner-heading {
  color: #552863;
  font-family: var(--font-family-azo_sans);
  font-size: 2.7vw;
  line-height: 1.3;
}

.banner-heading span{
  font-weight: 700;
}

.nosotros-desktop .banner-paragraph {
  color: #FC6821;
  font-family: var(--font-family-azosans-bold);
  font-size: 1.8vw;
  font-weight: 700;
  /* letter-spacing: 0; */
  line-height: 1.3;
  margin-top: 36px;
  margin-right: 32px;
}

.nosotros-desktop .banner-buttons {
  align-items: flex-start;
  display: flex;
  margin-top: 60px;
  min-width: 539px;
  font-family: 'AzoSans-Bold';
}

.nosotros-desktop .banner-button-contacta{
  background-color: #FC6821;
  border-radius: 30px;
  display: flex;
  height: 50px;
  align-items: center;
  padding: 5px 36px;
  color:white;
  margin-right: 32px;
}

.nosotros-desktop .banner-button-contacta:hover{
  background-color: white;
  color:#FC6821;
  box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.2);
}

.nosotros-desktop .banner-button-whatsapp {
  align-items: center;
  background-color: transparent;
  border: 3px solid #552863;
  color:#552863;
  border-radius: 30px;
  display: flex;
  height: 50px;
  min-width: 223px;
  padding: 10px 29px 8px 34px;
}

.nosotros-desktop .banner-button-whatsapp:hover{
  background-color: #552863;
  color:white;
} 

.nosotros-desktop .whatsapp {
  margin-right: 10px;
}

.nosotros-desktop .fa-whatsapp{
  font-size: 24px;
  margin-bottom:5px;
}

.nosotros-desktop .image-column{
  width:45%;
  align-items: end;
}

.nosotros-desktop .image-column img {
  max-width: 100%;
  max-height: 100%;
}

.nosotros-desktop .follow-links {
  align-items: center;
  display: flex;
  position: absolute;
  height: 42px;
  min-width: 406px;
  top: 984px;
  right: 5%;
}

.nosotros-desktop .siguenos-en {
  align-self: flex-start;
  color: var(--white);
  font-family: 'AzoSans-Bold';
  font-style: italic;
  font-size: 25px;
  letter-spacing: 0;
  line-height: 51px;
  min-height: 33px;
  min-width: 174px;
  white-space: nowrap;
}

.nosotros-desktop .follow-links .fa-brands{
  color:white;
  font-size:36px;
  margin-left:36px;
}

.nosotros-desktop .follow-links .fa-brands:hover{
  margin-bottom:4px;
}

/*ESTILOS MODULO ACERCA DE NOSOTROS*/

.nosotros-desktop .modulo-acerca-de-varmus {
  align-items: center;
  display: flex;
  width: 100%;
  background-image: url('../img/background-modulo-acerca-de-varmus.png');
  padding:120px 0 80px 0;
}

.nosotros-desktop .contenedor-acerca-2-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin:auto;
  max-width: 1040px;
}

.nosotros-desktop .acerca-de-textos {
  height: auto;
  position: relative;
  width: 100%;
  text-align: center;
}

.modulo-acerca-de-varmus h1 {
  color:#552863;
  font-size:65px;
  font-family:'AzoSans-Bold';
}

.nosotros-desktop .modulo-acerca-de-varmus h2 {
  margin-top:48px;
  font-family:'AzoSans-Medium';
  font-size:34px;
  line-height: 46px;
  color:#FC6821;
  letter-spacing: 0;
  position:relative;
  white-space: nowrap;
}

.nosotros-desktop .texto-acerca-de-varmus {
  letter-spacing: 0;
  line-height: 30px;
  color:#707070;
  font-size:20px;
  font-family: var(--font-family-azo_sans);
  margin:60px 0;
}

.nosotros-desktop .texto-acerca-de-varmus span{
  font-weight: 700;
}

.nosotros-desktop .estratia-varmus {
  align-items: flex-start;
  display: flex;
}

.nosotros-desktop .overlap-group {
  height: 512px;
  position: relative;
  width: 317px;
}

.nosotros-desktop .overlap-group:first-child {
  margin-right:100px;
}

.nosotros-desktop .icon-circle {
  align-items: flex-start;
  background-color: #552863;
  border-radius: 95.5px;
  display: flex;
  height: 191px;
  justify-content: flex-end;
  left: 62px;
  min-width: 191px;
  padding: 27.9px 34.4px;
  position: absolute;
  top: 0;
  z-index:2;
}

.nosotros-desktop .estratia-icon {
  background-image: url(../img/estratia-logo-circle.png);
  background-size: cover;
  height: 114px;
  width: 121px;
}

.nosotros-desktop .rectangle {
  background-color: white;
  border-radius: 20px;
  box-shadow: 0px 3px 6px #00000029;
  height: 429px;
  left: 0;
  position: absolute;
  top: 83px;
  width: 315px;
}

.nosotros-desktop .estratia-logo {
  left: 38px;
  position: absolute;
  top: 239px;
}

.nosotros-desktop .estratia-varmus p {
  color:#707070;
  font-family: 'AzoSans-Bold';
  font-size:20px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 298px;
  width: 100%;
}

.nosotros-desktop .estratia-varmus a{
  font-family: 'AzoSans-Bold';
  font-size:16px;
  color:#FC6821;
  border: 1px solid #FC6821;
  border-radius: 50px;
}

.nosotros-desktop .estratia-varmus a:hover{
  background-color: #FC6821;
  color:white;
}

.nosotros-desktop .conoce-mas-boton {
  align-items: flex-end;
  display: flex;
  height: 50px;
  left: 68px;
  padding: 15px 35px;
  position: absolute;
  top: 444px;
}

.nosotros-desktop.p-varmus{
top: 319px !important;
}

.nosotros-desktop .varmus-icon {
  background-image: url(../img/varmus-logo-circle.png);
  background-size: cover;
  height: 114px;
  width: 121px;
}


/*ESTILOS MORADO OBJETIVO*/

.nosotros-desktop .modulo-morado{
  width: 100%;
  background-image: url('../img/background-modulo-morado-nosotros.png');
  background-size: cover;
  padding:100px 20%;
  text-align: center;
  display: flex;
}

.nosotros-desktop .contenedor-morado{
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
}

.nosotros-desktop .modulo-morado p{
  color:white;
  font-family: var(--font-family-azo_sans);
  font-size:20px;
  line-height: 30px;
  align-items:start;
}

.nosotros-desktop .modulo-morado p span{
  font-weight: 700;
}

.nosotros-desktop .modulo-morado .contacta-nosotros{
  align-items: flex-end;
  background: linear-gradient(180deg, #33cbb0 0%, #0b7c68 167.14%);
  border-radius: 37px;
  box-shadow: 0px 0px 6px #00000029;
  display: flex;
  height: 49px;
  width: 274px;
  justify-content: flex-end;
  padding: 16px 21px;
  border: none;
}

.nosotros-desktop .modulo-morado a.contacta-nosotros:hover{
  background:white;
}

.nosotros-desktop .modulo-morado a{
  color:white;
  font-family:'AzoSans-Bold'
}

.nosotros-desktop .modulo-morado a:hover{
  color:#33CBB0;
}

/* ESTILOS MODULO NARANJA */

.nosotros-desktop .modulo-naranja{
  width:100%;
  padding:160px 18% 120px 18%;
  background-image: url('../img/background-modulo-naranja-nosotros.png');
  background-size:cover;
  background-repeat:no-repeat;
  background-position: 50% 50%;
  text-align:center;
}

.nosotros-desktop .modulo-naranja h2{
  color:white;
  font-family:'AzoSans-Bold';
  font-size: 3.2vw;
  line-height: 1.3;
}

/* ESTILOS MODULO PRODUCTOS VARMUS */

.nosotros-desktop .modulo-productos-varmus{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-image: url('../img/background-nosotros-modulo-productos-varmus.png');
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding:80px 10%;
  text-align: center;
}

.nosotros-desktop .modulo-productos-varmus h2 {
  font-family:'AzoSans-Bold';
  font-size: 3.6vw;
  color:#552863;
  padding:0 20%;
  line-height: 1.2;
}

.nosotros-desktop .modulo-productos-varmus p {
  margin: 33px 15% 48px 15%;
  color: #FC6821;
  font-family:AzoSans-Medium;
  font-size: 1.7vw;
  line-height:1.5;
}

.nosotros-desktop .diagrama-productos {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  margin:24px 0 2% 0;
}

.nosotros-desktop .diagrama-productos h3{
  font-family:'AzoSans-Bold';
  font-size:35px;
  color:#707070;
  line-height: 40px;
}

.nosotros-desktop .diagrama-productos-btn{
  border: 3px #FC6821 solid;
  height: 50px;
  width: fit-content;
  border-radius: 30px;
  padding: 15px 35px;
  box-shadow: 0px 0px 6px #00000029;
}

.nosotros-desktop .diagrama-productos-btn:hover{
  background-color:#FC6821;
}

.nosotros-desktop .diagrama-productos a {
  color: #FC6821;
  font-family: 'AzoSans-Bold';
  font-size: 16px;
  text-decoration: none;
  display: inline !important;
}

.nosotros-desktop .diagrama-productos a:hover {
  color:white;
}

.nosotros-desktop .flex-3-columnas{
  display:flex;
  width: 100%;
}

.nosotros-desktop .col-izq {
  width: 20%;
  display: flex;
  flex-direction: column;
  text-align: right;
  padding-top:13%;
}

.nosotros-desktop .varmus-cafeteria {
  margin-right: -25%;
  margin-top: 400px;
  z-index: 2;
}

.nosotros-desktop .col-centro{
  width:60%;
  height: 900px;
  align-items: center;
  background-image: url(../img/diagrama-varmus.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.nosotros-desktop .col-der{
  width: 20%;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-top:13%;
}

.nosotros-desktop .varmus-kiosk{
  margin-left: -25%;
  margin-top: 400px;
  z-index: 2;
}

.nosotros-desktop .modulo-productos-varmus .llamanos-ahora{
  background-color: #552863;
  border:3px solid #552863;
  border-radius: 40px;
  height:50px;
  padding:14px 36px;
  display:flex;
  font-family: 'AzoSans-Bold';
  color:white;
}

.nosotros-desktop .modulo-productos-varmus .llamanos-ahora:hover{
  background-color: transparent;
  border:3px solid #552863;
}

.nosotros-desktop .modulo-productos-varmus .llamanos-ahora:hover div{
  color:#552863;
}

.nosotros-desktop .modulo-productos-varmus .llamanos-ahora a{
  color:white;
  font-family:'AzoSans-Bold';
  font-size:16px;
}

/*ESTILOS MOBILE*/

/*MODULO 01 MAIN BANNER MOBILE*/

.nosotros-mobile .modulo01{
  background-image: url(../img/background-nosotros-modulo01.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  padding: 200px 16% 140px 16%;
  color:#552863;
}

.nosotros-mobile .modulo01 h2{
  font-family: 'AzoSans-Regular';
  font-size: 32px;
  line-height: 40px;
}

.nosotros-mobile .modulo01 h2 span{
  font-family: 'AzoSans-Bold';
}

.nosotros-mobile .modulo01 p{
  font-family: 'AzoSans-Bold';
  color:#FC6821;
  font-size: 18px;
  line-height: 1.5;
}

.nosotros-mobile .botones{
display: flex;
flex-flow: wrap;
justify-content: center;
}

.nosotros-mobile .botones a{
  padding: 15px 35px 13px 35px;
  border-radius: 30px;
  font-family: 'AzoSans-Bold';
  margin-bottom: 24px;
}

.nosotros-mobile .btn-01{
  background-color:#FC6821;
  color:white;
}

.nosotros-mobile .btn-01:hover{
  background-color:white;
  color:#FC6821;
  box-shadow: 0px 0px 6px #00000029;
}

.nosotros-mobile .btn-02{
  border:2px solid #552863;
  color:#552863;
}

.nosotros-mobile .btn-02:hover{
  background-color: #552863;
  color:white;
}

/*MODULO 02 ACERCA DE NOSOTROS CON CAROUSEL MOBILE*/

.nosotros-mobile .modulo02{
  background-image: url(../img/background-nosotros-modulo-02.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  padding:80px 7% 32px 7%;
}

.nosotros-mobile h1{
  font-family: 'AzoSans-Bold';
  font-size:7vw;
  color: #552863;
}

.nosotros-mobile .modulo02 h2{
  font-family: 'AzoSans-Medium';
  color: #FC6821;
  font-size: 22px;
  line-height: 1.6;
  padding:0 10%;
}

.nosotros-mobile .modulo02 p{
  color:#707070;
  font-size: 18px;
  line-height: 1.5;
}

.nosotros-mobile .modulo02 p span{
  font-family:'AzoSans-Bold';
}

.nosotros-mobile .tarjeta-carousel{
  width: 317px;
  margin: auto;
  background-color: white;
  border-radius: 20px;
  padding-top:44px;
  font-family: 'AzoSans-Bold';
  font-size: 30px;
  line-height: 40px;
  color: #552863;
}

.nosotros-mobile .logo-circle {
  z-index:2;
  position: relative;
  width: 50% !important;
  margin: auto;
}

.nosotros-mobile .rectangle {
  margin: -100px 12px 20px 12px;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0px 3px 6px #00000029;
  padding-top: 140px;
  padding-bottom: 50px;
  height: 444px;
}

.nosotros-mobile .estratia-logo{
  width:70% !important;
  margin:auto;
}

.nosotros-mobile .tarjeta-carousel a{
  font-family: 'AzoSans-Bold';
  font-size:16px;
  color:#FC6821;
  border: 1px solid #FC6821;
  border-radius: 50px;
}

.nosotros-mobile .tarjeta-carousel a:hover{
  background-color: #FC6821;
  color:white;
}

.nosotros-mobile .conoce-mas-boton {
  height: 50px;
  padding: 15px 35px;
  position: relative;
}

.nosotros-mobile .carrusel-nosotros .owl-nav{
  display:none;
}

.nosotros-mobile .carrusel-nosotros .owl-dots .owl-dot.active span{
  background: #552863;
}

.nosotros-mobile .carrusel-nosotros .owl-dots .owl-dot span {
  width: 14px;
  height: 14px;
  background: transparent;
  border: 1px solid #552863;
}

.nosotros-mobile .carrusel-nosotros .owl-dots .owl-dot:hover span{
  background: #552863;
  opacity: .8;
}

/*MODULO 03 MORADO MOBILE*/

.nosotros-mobile .modulo03{
  background-image: url(../img/background-modulo-morado-nosotros-mobile.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  padding: 60px 10%;
}

.nosotros-mobile .modulo03 p{
  color:white;
  line-height: 1.5;
}

.nosotros-mobile .modulo03 span{
  font-family: 'AzoSans-Bold';
}

.nosotros-mobile .contacta-nosotros{
  background: linear-gradient(180deg, #33cbb0 0%, #0b7c68 167.14%);
  border-radius: 37px;
  box-shadow: 0px 0px 6px #00000029;
  display: inline-block;
  padding: 16px 32px;
  border: none;
  color:white;
  font-family: 'AzoSans-Bold';
}

.nosotros-mobile .contacta-nosotros:hover{
  color:#33CBB0;
  background: white;
}

/*MODULO 04 NARANJA MOBILE*/

.nosotros-mobile .modulo04{
  background-image: url(../img/background-nosotros-modulo-04-mobile.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  padding: 60px 10%;
}

.nosotros-mobile .modulo04 h2{
  font-family: 'AzoSans-Bold';
  color:white;
  font-size: 30px;
  line-height: 1.4;
}

.nosotros-mobile .modulo04 a{
  font-family: 'AzoSans-Bold';
  font-size: 17px;
  color:white;
  background: #552863;
  padding: 12px 36px;
  border-radius: 30px;
}

.nosotros-mobile .modulo04 a:hover{
  background: white;
  color:#552863;
}

/*MODULO 05 CAROUSEL PRODUCTOS MOBILE*/

.nosotros-mobile .modulo05{
  text-align: center;
  padding: 60px 10%;
}

.nosotros-mobile .modulo05 h2{
  color:#552863;
  font-family: 'AzoSans-Bold';
  font-size:32px;
  line-height: 1.4;
}

.nosotros-mobile .modulo05 p{
  color:#FC6821;
  font-size:22px;
  font-family:'AzoSans-Medium';
  line-height: 1.5;
  padding: 0 10%;
}

.nosotros-mobile .modulo05 .tarjeta-carousel{
  padding-bottom: 24px;
}

.nosotros-mobile .modulo05 .tarjeta-carousel h4{
  color:#707070;
}

.nosotros-mobile .modulo05 .owl-carousel .owl-item img {
  width: 75% !important;
  margin: auto;
  margin-bottom: 24px;
}

.nosotros-mobile .carrusel-productos .owl-dots{
  margin-top: 12px;
}

.nosotros-mobile .carrusel-productos .owl-dots .owl-dot.active span{
  background: #552863;
}

.nosotros-mobile .carrusel-productos .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #552863;
}

.nosotros-mobile .carrusel-productos .owl-dots .owl-dot:hover span{
  background: #552863;
  opacity: .8;
}

.nosotros-mobile .carrusel-productos .owl-nav{
  display:none;
}

/* RESPONSIVE BREAKPOINTS QUERIES */

@media screen and (max-width: 1199px) {
  .nosotros-desktop { 
    display: none;
   }
}

@media screen and (min-width: 1200px) {
  .nosotros-mobile { 
    display: none;
   }
}

@media (min-width:715px) and (max-width:1199px){
  .nosotros-mobile .modulo01 .btn-01{
    margin-right: 24px;
  }
}

@media (min-width:768px) and (max-width: 1199px) {
  .nosotros-mobile .modulo01{
    background-image: url(../img/background-modulo-principal-nosotros.png);
  }
  .nosotros-mobile .modulo02{
    padding:90px 15% 40px 15%;}
  .nosotros-mobile h1{
    font-size:5vw;}
  .nosotros-mobile .modulo03,   .nosotros-mobile .modulo04{
    padding:80px 15%;}
  .nosotros-mobile .modulo03 p{
  font-size: 18px;}
  .nosotros-mobile .modulo05 h2{
    font-size: 5vw;}
}


@media screen and (min-width: 1200px) and (max-width:1499px){
  .nosotros-desktop .modulo-principal-nosotros{
    padding: 0 5% 0 10%;
    min-height: 800px;}
  .nosotros-desktop .banner-heading{
    font-size: 3vw;}
  .nosotros-desktop .banner-paragraph{
    font-size: 2.2vw;}
  .nosotros-desktop .follow-links{
    top:860px;
  }
  .nosotros-desktop .modulo-productos-varmus h2{
    font-size: 4.5vw;
    padding: 0 13%;}
  .nosotros-desktop .modulo-productos-varmus p{
    font-size: 1.9vw;}
}

@media (min-width:1600px) and (max-width:1699px){
  .nosotros-desktop .diagrama-productos .flex-3-columnas{
    margin-top:-3%;}
}

@media (min-width:1500px) and (max-width:1599px){
  .nosotros-desktop .diagrama-productos .flex-3-columnas{
    margin-top:-5%;}
}

@media (min-width:1400px) and (max-width:1499px){
  .nosotros-desktop .diagrama-productos .flex-3-columnas{
    margin-top:-7%;}
}

@media (min-width:1300px) and (max-width:1399px){
  .nosotros-desktop .diagrama-productos .flex-3-columnas{
    margin-top:-9%;}
}

@media (min-width:1200px) and (max-width:1299px){
  .nosotros-desktop .diagrama-productos .flex-3-columnas{
    margin-top:-13%;}
}

@media (max-width:499px){
  .nosotros-mobile .modulo01{
    padding: 100px 6% 100px 6%;}
  .nosotros-mobile .rectangle{
    width: 280px;
    height: 454px;
    margin-left: 12px;}
  .nosotros-mobile .modulo05{
    padding: 60px 5%;}
  .nosotros-mobile .modulo05 p{
    padding:0;}
}