/* RESET */
:root{
  --rojo:#F80000;
  --amarillo:#ffff3f;
  --verde-oscuro:#2a8c0e;
  --verde-claro:#aacc00;
}

/* RESET */
*{
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  border: none;
  outline: none;
}
.container-fluid{
  padding:0 !important;
}
.row{
  margin:0;
  --bs-gutter-x:0 !important;
  --bs-gutter-y: 0 !important;
}
h1, h2, h3, h4, h5{
  margin:0 !important;
}
p{
  margin:0 !important;
  padding:0 !important;
}
ul{
  margin-bottom: 0 !important;
  padding: 0 !important;
}
a{
  text-decoration: none !important;
}
b{
  font-family: fuente-bold;
}
html{
  scroll-behavior: smooth;
  overflow-x: hidden !important;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
  padding:0 !important;
}
body{
  font-family: fuente-principal !important;
}
body.modal-open {
  padding-right: 0 !important;
}
main{
  padding-top:3rem;
}
/* RESET */

.cont-img-movil{
  display: flex;
}
.captcha{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* FUENTES */
@font-face {
    font-family: fuente-principal;
    src: url("../fonts/futura_light.ttf");
    font-display: swap;
}
@font-face {
    font-family: fuente-bold;
    src: url("../fonts/Montserrat-Bold.ttf");
    font-display: swap;
}
@font-face {
    font-family: fuente-media;
    src: url("../fonts/Montserrat-Medium.ttf");
    font-display: swap;
}
/* FUENTES */

.cinta-menu .cont{
  background-color: var(--verde-oscuro);
  padding:1.1rem 1rem 1rem 1rem;
  overflow: hidden;
  margin-top: 4rem;
}
.cinta-menu .cont .nombre h4{
  color:white;
  font-size: 1.5rem;
  font-family: fuente-bold;
}
.cinta-menu .cont .nombre{
  width: 100%;
  height: 100%;
  text-align: end;
}
.cinta-menu .cont .migajas p{
  color:white;
  font-family: fuente-media;
}
.cinta-menu .cont .migajas p span{
  font-family: fuente-bold;
}
.detalles-ficha .cont-texto{
  width: 100%;
  height: 100%;
  padding-right: 3rem;
  display: flex;
  justify-content: center;
  align-items: start;
  text-align: start;
  flex-direction: column;
}
.detalles-ficha .cont-texto h2{
  font-size: 2rem;
  font-family: fuente-bold;
}
.detalles-ficha .cont-texto p{
  font-size: 1.1rem;
  text-align: justify;
}
.detalles-ficha .cont-texto h4{
  font-size: 1.1rem;
  font-family: fuente-bold;
}
.detalles-ficha .cont-texto h5{
  font-size: 2rem;
  font-family: fuente-media;
}
.btn-compra{
  background-color: var(--verde-claro);
  color: var(--verde-oscuro);
  border: 1px solid var(--verde-claro);
  padding: .5rem 1.5rem !important;
  border-radius: 0rem !important;
  transition: .5s !important;
  font-size: 1.1rem;
  margin-top: 2rem !important;
  letter-spacing: .1rem;
  text-transform: uppercase;
  font-family: fuente-media;
  cursor: pointer;
  text-align: center;
}
.btn-compra:hover{
  background-color: transparent;
  color:var(--verde-claro);
}



.carousel-control-next, .carousel-control-prev{
  opacity: 1 !important;
}
.arrow-green{
  font-size: 2rem;
  color:var(--verde-oscuro);
  opacity: 1 !important;
}
.arrow-black{
  font-size: 2rem;
  color:black;
  opacity: .5;
  transition: .5s;
}
.arrow-black:hover{
  opacity: 1;
}
.cont-img-movil{
  display: flex;
}

/* HEADER CONTACTO */
.header-contacto{
  background-color:var(--verde-oscuro);
  padding:.7rem 0rem;
  position: fixed !important;
  width: 100% !important;
  z-index: 5 !important;
  overflow: hidden;
}
.header-contacto .contacto{
  display: flex;
}
.header-contacto .contacto .correo{
  margin-left: 1rem;
}
.header-contacto .contacto li{
  display: flex;
}
.header-contacto .contacto li .elementos{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.header-contacto .contacto li .elementos i{
  color:var(--verde-oscuro);
  margin-right:.5rem;
  font-size: .8rem;
}
.header-contacto .contacto li a{
  font-size: 1rem;
  transition: .5s;
}
.header-contacto .contacto li a:hover{
  opacity: .8;
}
.header-contacto .contacto li a span{
  color: var(--verde-oscuro);
  font-size: .8rem;
}
.header-contacto .contacto .btn-menu-contacto img{
  width: 10%;
  height: auto;
}
.tel-ctn{
  width: 16% !important;
}
/* HEADER CONTACTO */

/* HEADER PRINCIPAL */
.header-principal{
  background-color: var(--verde-claro);
  position: fixed !important;
  width: 100% !important;
  padding: 1rem 0 !important;
  z-index: 5 !important;
  margin-top:48px;
}
.header-principal nav{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 100;
}
.header-principal nav .logo{
  width: 25%;
}
.header-principal nav .logo img{
  width: 100%;
  height: auto;
}
.header-principal nav .menu .lista{
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-principal nav .menu .lista li{
  list-style: none;
  /*width: 5rem !important;*/
}
.header-principal nav .menu .lista li .link-menu{
  text-decoration: none;
  transition: 0.3s;
  color: white;
  opacity: 1;
  transition: 0.5s !important;
  font-size:1.2rem !important;
  letter-spacing: .1rem;
  font-family: fuente-bold;
  text-transform: uppercase;
}
.header-principal nav .menu .lista li .link-menu:hover{
  opacity: 0.5;
}
.burger > i{
  display: none;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--verde-claro);
  padding:1rem 2rem !important;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
  z-index: 1;
  opacity: 1 !important;
  width: 115%;
}
.dropdown-content a{
  opacity: 1 !important;
  color:white;
  font-family: fuente-bold;
  transition: .5s;
  text-transform: uppercase;
}
.dropdown-content a:hover{
  opacity: .5 !important;
}
.dropdown:hover .dropdown-content {
  display: block;
}
/* HEADER PRINCIPAL */

/* SLIDE */
.marcas{
  padding:4rem 0;
  background-color: var(--verde-claro);
  overflow: hidden;
}
#exampleSlider-marcas {
  position: relative;
}
#exampleSlider-marcas .MS-content {
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
#exampleSlider-marcas .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 100%;
  white-space: normal;
  padding: 0rem 1rem;
}
#exampleSlider-marcas .MS-content .item .contenedor{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid white;
  padding: 2rem;
}
#exampleSlider-marcas .MS-content .item .contenedor .cont-text{
  display: flex;
  justify-content: center;
  align-items: end;
  text-align: end;
  width: 100%;
  height: 100%;
  padding-left: 3rem;
}
#exampleSlider-marcas .MS-content .item .contenedor .cont-text p{
  color:var(--verde-oscuro);
  font-size: 1.2rem;
}
#exampleSlider-marcas .MS-content .item i {
  font-size: 3rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10% 0 !important;
}
#exampleSlider-marcas .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 4rem;
}
#exampleSlider-marcas .MS-controls button:hover {
  cursor: pointer;
}
#exampleSlider-marcas .MS-controls .MS-left {
  left: 0% !important;
}
#exampleSlider-marcas .MS-controls .MS-right {
  right: 0% !important;
}
#exampleSlider-marcas .MS-controls .MS-left i,
#exampleSlider-marcas .MS-controls .MS-right i{
  color: white;
}

/* BLOG */
#exampleSlider-historias {
  position: relative;
}
#exampleSlider-historias .MS-content {
  margin: 0px 5%;
  overflow: hidden;
  white-space: nowrap;
}
#exampleSlider-historias .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 33.33%;
  white-space: normal;
  padding: 0rem 1rem;
}
#exampleSlider-historias .MS-content .item .contenedor{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid var(--verde-oscuro);
  padding: 2rem;
  flex-direction: column;
}
#exampleSlider-historias .MS-content .item .contenedor img{
  width: 100%;
  height: auto;
}
#exampleSlider-historias .MS-content .item .contenedor .cont-text{
  display: flex;
  justify-content: center;
  align-items: start;
  text-align: start;
  width: 100%;
  height: 100%;
  /*padding-right: 3rem;*/
  flex-direction: column;
  margin-top:2rem;
}
#exampleSlider-historias .MS-content .item .contenedor .cont-text h5{
  color:var(--verde-oscuro);
  font-size: 1.5rem;
  font-family: fuente-bold;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}
#exampleSlider-historias .MS-content .item .contenedor .cont-text h5 span{
  font-family: fuente-media;
  text-align: center;
  font-size: 1.3rem;
}
#exampleSlider-historias .MS-content .item .contenedor .cont-text p{
  color:black;
  font-size: 1.2rem;
  margin-top: 1rem !important;
  font-family: fuente-principal;
  text-align: justify;
}
#exampleSlider-historias .MS-content .item .contenedor .cont-text p span{
  font-family: fuente-media;
}
#exampleSlider-historias .MS-content .item i {
  font-size: 3rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10% 0 !important;
}
#exampleSlider-historias .MS-controls button {
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 40%;
}
#exampleSlider-historias .MS-controls button:hover {
  cursor: pointer;
}
#exampleSlider-historias .MS-controls .MS-left {
  left: 0% !important;
}
#exampleSlider-historias .MS-controls .MS-right {
  right: 0% !important;
}
#exampleSlider-historias .MS-controls .MS-left i,
#exampleSlider-historias .MS-controls .MS-right i{
  color: var(--verde-oscuro)
}
/* BLOG */

@media (max-width: 420px){
  #exampleSlider-historias .MS-content .item .contenedor .cont-text h5 span,
  #exampleSlider-historias .MS-content .item .contenedor .cont-text h5{
    font-size: 1.1rem;
    text-align: justify;
  }
  #exampleSlider-historias .MS-content .item .contenedor .cont-text p{
    font-size: 1rem;
  }
  
}

/* FOOTER */
footer {
  padding:4rem 0 2rem 0;
  background-color:var(--verde-claro);
}
footer h4{
  font-size: 1.5rem;
  color:white;
  font-family: fuente-bold !important;
  margin-bottom: 1rem !important;
  text-transform: uppercase;
}
footer  img{
  height: auto;
}
footer  ul{
  list-style: none !important;
  padding-left: 0rem;
}
footer .redes{
  display: flex;
  margin-top:1.5rem;
  margin-left: 1rem;
}
footer .redes i, footer .redes svg{
  color:white;
  font-size: 2rem;
  transition: .5s;
  font-weight: 600;
}
footer .redes i:hover{
  opacity:.5;
  padding-left: 0 !important;
}
footer .redes .icono-last{
  margin-left:2.5rem;
}
footer hr{
  width: 80%;
  opacity:.3;
  margin-left: 0rem;
}
footer ul{
  list-style: none !important;
}
footer ul .link-no-primero{
  margin-top:1.5rem;
}
footer ul li .enlace{
  color:white;
  font-weight: 600;
  transition: .5s;
}
footer ul li .dropdown-menu{
  background-color: var(--verde-claro) !important;
  padding:1rem !important;
  color:white !important;
  border: 1px solid white !important;
}
footer ul li .dropdown-item{
  color:white;
  transition: .5s;
}
footer ul li .dropdown-item:hover{
  background-color: transparent !important;
  opacity: .5;
}
footer ul li{
  transition: .5s;
  color: white;
  font-weight: 600;
}
footer ul li .enlace:hover {
  color:var(--orange);
  padding-left:.5rem;
}
footer ul li i{
  font-weight: 700;
  margin-right: .5rem;
}
footer .contact li{
  display: flex;
  text-align: justify;
}
footer .contact li .title{
  margin-right: 1rem;
  font-weight: 700;
}
footer .contact li img{
  width: 10%;
}
footer .contact a{
  color:white;
  transition: .5s;
  font-weight: 600;
}
footer .contact a:hover{
  opacity:.5;
}
footer .text{
  text-align: center;
}
footer .text p{
  color: #666;
  margin-bottom: 0;
  font-size: 12px;
  text-transform: uppercase;
  padding:2.5rem 0rem;
}
footer .cont{
  /*padding:4rem 2rem 2rem;*/
}
footer .cont .contenedor img{
  width: 75%;
  height: auto;
}

/* BANNERS */
.banner img{
  width: 100%;
  height: auto;
}
.banners{
  padding-top:4rem;
}
.banner-derecha{
  bottom:11rem !important;
  display: flex;
  justify-content: start;
  align-items:start;
  flex-direction: column;
  left:10% !important;
  width: 45%;
  transition-delay: 5s;
  animation: letrasTop 2s;
  text-align: left !important;
}
.banner-izquierda{
  bottom:11rem !important;
  display: flex;
  justify-content: end;
  flex-direction: column;
  align-items:end;
  left:45% !important;
  width: 45% !important;
  transition-delay: 5s;
  animation: letrasTop 2s;
  text-align: end !important;
}
.banner-derecha-rojo{
  bottom:9rem !important;
  display: flex;
  justify-content: start;
  align-items:start;
  flex-direction: column;
  left:10% !important;
  width: 50%;
  transition-delay: 5s;
  animation: letrasTop 2s;
  text-align: left !important;
}
.banner-derecha-rojo h1{
  color:var(--rojo);
  font-size: 3.8rem;
  font-family: fuente-bold;
  letter-spacing: .2rem;
  text-shadow: 1.5px 1.5px 2.5px white;
}

/* BANNER SECCION CONTIGO */
.banner-derecha-about{
  bottom:13rem !important;
  display: flex;
  justify-content: start;
  align-items:start;
  flex-direction: column;
  left:10% !important;
  width: 55%;
  transition-delay: 5s;
  animation: letrasTop 2s;
  text-align: left !important;
}
.banner-derecha-about h2{
  color:var(--verde-oscuro);
  font-size: 2.5rem;
  font-family: fuente-bold;
  letter-spacing: .2rem;
  /*text-shadow: 1px 1px 2px white;*/
  text-transform: uppercase;
}
.banner-derecha-about h2 span{
  font-size: 3rem;
}
.banner-derecha-about h3{
  color:black;
  font-size: 3rem;
  font-family: fuente-bold;
  letter-spacing: .2rem;
  text-shadow: 1px 1px 2px white;
  text-transform: uppercase;
}
.banner-derecha-about p{
  font-size: 1.5rem;
  font-family: fuente-media;
  /*text-shadow: 1px 1px 2px grey;*/
  color:black;
  padding-right: 5rem !important;
}
/* BANNER SECCION CONTIGO */

/* BANNER LECHERO AFRICANO */
.banner-derecha-lechero{
  bottom:18rem !important;
  display: flex;
  justify-content: start;
  align-items:start;
  flex-direction: column;
  left:10% !important;
  width: 45%;
  transition-delay: 5s;
  animation: letrasTop 2s;
  text-align: left !important;
}
.banner-derecha-lechero h2{
  color:var(--verde-oscuro);
  font-size: 3rem;
  font-family: fuente-bold;
  letter-spacing: .2rem;
  /*text-shadow: 1px 1px 2px grey;*/
  text-transform: uppercase;
}
.banner-derecha-lechero h2 span{
  font-size: 3.5rem;
}
.banner-derecha-lechero h3{
  color:black;
  font-size: 3rem;
  font-family: fuente-bold;
  letter-spacing: .2rem;
  text-shadow: 1px 1px 2px grey;
  text-transform: uppercase;
}
.banner-derecha-lechero p{
  font-size: 1.5rem;
  font-family: fuente-media;
  text-shadow: 1px 1px 2px grey;
  color:black;
  padding-right: 5rem !important;
}
/* BANNER LECHERO AFRICANO */

/* BANNER ARTEMISA */
.banner-derecha-artemisa{
  bottom:16rem !important;
  display: flex;
  justify-content: start;
  align-items:start;
  flex-direction: column;
  left:10% !important;
  width: 50%;
  transition-delay: 5s;
  animation: letrasTop 2s;
  text-align: left !important;
}
.banner-derecha-artemisa h2{
  color:var(--verde-oscuro);
  font-size: 3rem;
  font-family: fuente-bold;
  letter-spacing: .2rem;
  text-shadow: 1px 1px 2px grey;
  text-transform: uppercase;
}
.banner-derecha-artemisa h2 span{
  font-size: 3.5rem;
}
.banner-derecha-artemisa h3{
  color:black;
  font-size: 3rem;
  font-family: fuente-bold;
  letter-spacing: .2rem;
  text-shadow: 1px 1px 2px grey;
  text-transform: uppercase;
}
.banner-derecha-artemisa p{
  font-size: 1.5rem;
  font-family: fuente-media;
  text-shadow: 1px 1px 2px grey;
  color:black;
  padding-right: 5rem !important;
}
/* BANNER ARTEMISA */

.banner-derecha h1{
  color:white;
  font-size: 2.8rem;
  font-family: fuente-bold;
  letter-spacing: .2rem;
  text-shadow: 1.5px 1.5px 2.5px black;
  text-transform: uppercase;
}
.banner-izquierda h1{
  color:white;
  font-size: 2.8rem;
  font-family: fuente-bold;
  letter-spacing: .2rem;
  text-shadow: 1.5px 1.5px 2.5px black;
  text-transform: uppercase;
}
.banner-izquierda p{
  font-size: 1.5rem;
  font-family: fuente-media;
  text-shadow: 1.5px 1.5px 2.5px black;
}
.banner-derecha p{
  font-size: 1.5rem;
  font-family: fuente-media;
  text-shadow: 1.5px 1.5px 2.5px black;
}
.btn-banner{
  background-color: white;
  color: black;
  border: 1px solid white ;
  padding: .5rem 1.5rem !important;
  border-radius: 0rem !important;
  transition:.5s !important;
  font-size: 1.2rem;
  margin-top:2rem;
}
.btn-banner:hover{
  background-color: transparent !important;
  color:white !important;
}

@keyframes letrasBottom{
  from{
    margin-top:50%;
  }
  to{
    margin-top:0%;
  }
}

@keyframes letrasTop{
  from{
    margin-bottom: 50%;
  }
  to{
    margin-bottom:0%;
  }
}

@media (max-width:420px){
  .btn-banner{
    margin-top: 1rem;
    font-size: 1rem;
  }
}
.banner-home-abajo{
  top:26rem !important;
  display: flex;
  justify-content: start;
  align-items:start;
  flex-direction: column;
  left:65% !important;
  width: 50%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  text-align: left !important;
  padding: 0rem !important;
}
.btn-banner-abajo{
  background-color: var(--amarillo);
  color: var(--verde-oscuro);
  border: 1px solid var(--amarillo);
  padding: 1rem 2rem !important;
  border-radius: 0rem !important;
  transition:.5s !important;
  font-size: 1.5rem;
  margin-top:2rem;
  letter-spacing: .1rem;
  text-transform: uppercase;
  font-family: fuente-media;
}
.btn-banner-abajo:hover{
  transform: scale(0.9);
  color:var(--verde-oscuro);

}

.banner-home-abajo-izq{
  top:27.5rem !important;
  display: flex;
  justify-content: start;
  align-items:start;
  flex-direction: column;
  left:5% !important;
  width: 50%;
  transition-delay: 5s;
  animation: letrasBottom 2s;
  text-align: left !important;
  padding: 0rem !important;
}
/* BANNERS */

/* BLOG */
.page-item.active .page-link{
  border: 1px solid var(--verde-oscuro) !important;
}
.page-link:focus{
  box-shadow: none !important;
}

.blog{
  padding:5rem 0rem 3rem;
  background-color: whitesmoke;
}
.blog h2{
  font-size: 3rem;
    color: var(--verde-oscuro);
}
.blog h2 span {
  font-family: fuente-bold;
  font-size: 3rem;
  text-transform: uppercase;
}
.blog #historias{
  margin-top:3rem !important;
}
.blog #historias .contenedor-txt-derecha,
.blog #historias .contenedor-txt-izquierda{
  border-bottom:2px solid var(--verde-oscuro);
}
.blog #historias .contenedor-txt-derecha .cont-texto{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: start;
  padding-left: 5rem;
  width: 100%;
  height: 100%;
}
.blog #historias .contenedor-txt-derecha .cont-texto-izq{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: start;
  padding-right: 5rem;
  width: 100%;
  height: 100%;
}
.blog #historias .contenedor-txt-derecha .cont-texto h3,
.blog #historias .contenedor-txt-derecha .cont-texto-izq h3{
  color: var(--verde-oscuro);
    font-family: fuente-media;
    font-size: 2rem;
    text-align: justify;
    text-transform: uppercase;
}
.blog #historias .contenedor-txt-derecha .cont-texto h3 span{
  font-family: fuente-bold;
}
.blog #historias .contenedor-txt-derecha .cont-texto p,
.blog #historias .contenedor-txt-derecha .cont-texto-izq p{
  margin-top: 2rem;
    font-size: 1.2rem;
    text-align: start;
    color: black;
    text-align: justify;
}
.blog #historias .contenedor-txt-derecha .cont-texto p span{
  font-family: fuente-media;
}
.blog #historias .contenedor-txt-derecha .cont-texto .link-nota{
  color:var(--verde-oscuro);
  font-size: 1.2rem;
  margin-top:1rem;
  font-family: fuente-media;
  text-decoration: underline !important;
  transition: .5s;
}
.blog #historias .contenedor-txt-derecha .cont-texto .link-nota:hover{
  opacity: .5;
}
.blog #historias .contenedor-txt-izquierda .cont-texto{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  text-align: start;
  padding-left: 5rem;
  width: 100%;
  height: 100%;
}
.blog #historias .contenedor-txt-izquierda .cont-texto h3{
  color: var(--verde-oscuro);
    font-family: fuente-media;
    font-size: 2rem;
    text-align: justify;
    text-transform: uppercase;
}
.blog #historias .contenedor-txt-izquierda .cont-texto h3 span{
  font-family: fuente-bold;
}
.blog #historias .contenedor-txt-izquierda .cont-texto p{
    margin-top: 2rem;
    font-size: 1.3rem;
    text-align: justify;
    color: black;
}
.blog #historias .contenedor-txt-izquierda .cont-texto p span{
  font-family: fuente-media;
}
.blog #historias .contenedor-txt-izquierda .cont-texto .link-nota{
  color:var(--verde-oscuro);
  font-size: 1.2rem;
  margin-top:1rem;
  font-family: fuente-media;
  text-decoration: underline !important;
  transition: .5s;
}
.blog #historias .contenedor-txt-izquierda .cont-texto .link-nota:hover{
  opacity: .5;
}
.paginador{
  background-color: whitesmoke;
  padding-bottom: 4rem;
}
.paginador .contenedor{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.paginador .contenedor .page-item.disabled .page-link{
  opacity: .5;
}
.paginador .contenedor .page-item.active .page-link{
  background-color: var(--verde-oscuro);
  color:white;
}
.paginador .contenedor .page-item .page-link{
  color:var(--verde-oscuro);
}

@media (max-width: 575px){
   .blog #historias{
    margin-top: 0rem !important;
  }
  .blog #historias .contenedor-txt-derecha .cont-texto h3{
    font-size: 1.8rem;
  }
  .blog #historias .contenedor-txt-derecha .cont-texto p{
    text-align: start;
    width: 100%;
  }
  .blog #historias .contenedor-txt-derecha .cont-texto, .blog #historias .contenedor-txt-izquierda .cont-texto{
    padding: 3rem 0rem 0rem 0rem;
  }
  .blog #historias .contenedor-txt-derecha .cont-texto h3, .blog #historias .contenedor-txt-izquierda .cont-texto h3{
    text-align: start;
  }
  .blog #historias .contenedor-txt-derecha .cont-texto{
    text-align: start;
    align-items: start;
  }
  .blog #historias .contenedor-txt-derecha .cont-texto h3,
  .blog #historias .contenedor-txt-izquierda .cont-texto h3{
    font-size: 1.6rem;
  }
  .blog #historias .contenedor-txt-derecha .cont-texto p,
  .blog #historias .contenedor-txt-izquierda .cont-texto p{
    font-size: 1.2rem;
  }
  .blog .titulo h2 span{
    font-size: 2.5rem;
  }
  .blog #historias .contenedor-txt-derecha .cont-texto-izq{
    padding-right: 0rem;
  }
}

/* PRELOADER */
.loading{
  width: 100%;
  height: 100vh;
  background: var(--verde-claro) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top:0;
  left: 0;
  z-index: 100000;
  clip-path: circle(100% at 50% 50%);
  transition: clip-path 0.8s ease-in-out;
}
.loading2{
  clip-path: circle(0% at 50% 50%);
}
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 4px solid #fff;
  border-color: var(--verde-oscuro) transparent var(--verde-oscuro) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* PRELOADER */
/*HOME*/
.home{
  position:fixed;
  bottom:20px;
  right: 15px;
  width: 65px;
  height: 65px;
  padding:3px;
  background: #00bb2d;
  border: 2px solid white;
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition: 0.5s;
  font-size: 2.2rem;
  color:white;
  z-index: 1000;
  border-radius: 50%;
  transition: 0.5s;
}
.home a{
  color:white;
  transition: 0.5s;
}
.home a i{
  font-size: 2.2rem;
  transition: 0.5s;
}
.home:hover{
  background:white;
  border: 2px solid #00bb2d;
  color:#00bb2d;
}
.home:hover a{
  color:#00bb2d;
}
.home a i:hover{
  color:#00bb2d;
}
/* HOME */

#latin{
  padding-top:10rem;
}


.btn-banner{
  background-color: var(--amarillo);
  color: var(--verde-oscuro);
  border: 1px solid var(--amarillo);
  padding: .5rem 1.5rem !important;
  border-radius: 0rem !important;
  transition:.5s !important;
  font-size: 1.1rem;
  margin-top:2rem;
  letter-spacing: .1rem;
  text-transform: uppercase;
  font-family: fuente-media;
}
.btn-menu-contacto {
  background-color: var(--verde-claro);
  color: white !important;
  border: 1px solid var(--verde-claro);
  padding: .5rem 1rem !important;
  border-radius: 0rem !important;
  transition: ;
  font-size: 1rem !important;
  /*margin-top: 2rem !important;*/
  width: 100%;
  opacity: 1 !important;
  font-family: fuente-media;
  cursor: pointer !important;
}
.btn-banner:hover{
  background-color: transparent !important;
  color:var(--verde-claro) !important;
  border: 1px solid var(--verde-claro);
}
.btn-form,
.btn-contacto{
  background-color: var(--verde-claro);
  color: var(--verde-oscuro);
  border: 1px solid var(--verde-claro);
  padding: .5rem 1.5rem !important;
  border-radius: 0rem !important;
  transition:.5s !important;
  font-size: 1.1rem;
  margin-top:2rem !important;
  letter-spacing: .1rem;
  text-transform: uppercase;
  font-family: fuente-media;
  cursor: pointer;
  text-align: center;
}
.btn-form:hover,
.btn-contacto:hover{
  background-color: transparent !important;
  border: 1px solid var(--verde-oscuro);
  color:var(--verde-oscuro);
}
.btn-form-crm{
  background-color: var(--verde-claro);
  color: var(--verde-oscuro);
  border: 1px solid var(--verde-claro);
  padding: .5rem 1.5rem !important;
  border-radius: 0rem !important;
  transition:.5s !important;
  font-size: 1.1rem !important;
  margin-top:2rem !important;
  letter-spacing: .1rem;
  width: 15%;
  font-family: fuente-media;
  text-transform: uppercase;
}
.btn-form-crm:hover{
  background-color: transparent !important;
  border: 1px solid var(--verde-oscuro);
  color:var(--verde-oscuro);
}

.img-fondo{
  position: absolute;
}
.img-fondo img{
  width: 100%;
  height: auto;
}
.img-superior{
  position: relative;
  z-index: 2;
}
.img-superior img{
  width: 100%;
  height: auto;
}

/* VIDEO */
.video{
  overflow: hidden;
  /*margin-bottom: -.5rem;*/
}
/* VIDEO */

/* IMAGENES FONDOS */
.actividad-funcional{
  background: url(../img/actividad-funcional.webp);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.compuestos{
  background: url(../img/compuestos.webp);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.poder-curativo{
  background: url(../img/poder-curativo.webp);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.cura{
  background: url(../img/cura.webp);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.gotero-fondo{
  background: url(../img/gotero-fondo.webp);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.micro-dosis{
  background: url(../img/microdosis.webp);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.artemisa{
  background: url(../img/artemisa.webp);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.artemisa-02{
  background: url(../img/artemisa-02.webp);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
.artemisa-03{
  background: url(../img/artemisa-03.webp);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}
/* IMAGENES FONDOS */

/* IMG TEXTO IZQ */
.back-ws{
  background-color: whitesmoke;
}
.img-texto-izq{
  overflow: hidden !important;
  /* padding:5rem 0rem 0rem; */
  position: relative;
}
.img-texto-izq .col-6, .img-texto-izq .col-md-6{
  overflow: hidden !important;
}
.img-texto-izq .contenedor{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  text-align: start;
  flex-direction: column;
  /* padding-top: 5rem; */
}
.img-texto-izq .contenedor h2{
  padding-right: 5rem;
  color:var(--verde-oscuro);
  font-size: 1.8rem;
}
.img-texto-izq .contenedor h2 span{
  font-family: fuente-bold;
  text-transform: uppercase;
}
.img-texto-izq .contenedor hr{
  width: 50%;
  background-color: var(--verde-claro);
  opacity: .9;
  height: .2rem;
}
.img-texto-izq .contenedor p{
  font-size: 1.2rem;
  text-align: justify;
  padding-right: 8rem !important;
  margin-top:2rem !important;
}
.img-texto-izq .contenedor p span{
  font-family: fuente-media;
  color:var(--verde-oscuro);
}
.img-texto-izq .contenedor #flecha{
  padding-top:3rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
.img-texto-izq .contenedor #flecha i{
  font-size: 2rem;
  transition: 0.5s;
  cursor: pointer;
}
.img-texto-izq .contenedor #flecha i:hover{
  transform: scale(0.9);
}
.img-texto-izq ul{
  margin-top: 2rem;
}
.img-texto-izq ul li{
  font-size: 1.1rem;
  list-style: square !important;
}
.img-texto-izq ul li span{
  color:var(--rojo);
  margin-right: .5rem;
  padding-bottom:.1rem;
}
.img-texto-izq .contenedor-movil,
.img-texto-der .contenedor-movil{
  position: relative;
  overflow: hidden;
}
/* IMG TEXTO IZQ */

/* IMG TEXTO DER */
.img-texto-der{
  overflow: hidden;
  background-color: whitesmoke;
  /* padding:5rem 0rem 0rem; */
}
.img-texto-der .col-6, .img-texto-der .col-md-6{
  overflow: hidden !important;
}
.img-texto-der .contenedor{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: end;
  text-align: end;
  flex-direction: column;
  /* padding-top: 5rem; */
  position: relative;
  overflow: hidden;
}
.img-texto-der .contenedor h2{
  padding-left: 5rem;
  color:var(--verde-oscuro);
  font-size: 1.8rem;
}
.img-texto-der .contenedor h2 span{
  font-family: fuente-bold;
  text-transform: uppercase;
}
.img-texto-der .contenedor hr{
  width: 50%;
  background-color: var(--verde-claro);
  opacity: .9;
  height: .2rem;
}
.img-texto-der .contenedor p{
  font-size: 1.2rem;
  text-align: justify;
  padding-left: 8rem !important;
  margin-top:2rem !important;
}
.img-texto-der .contenedor #flecha{
  padding-top:3rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
.img-texto-der .contenedor #flecha i{
  font-size: 2rem;
  transition: 0.5s;
  cursor: pointer;
}
.img-texto-der .contenedor #flecha i:hover{
  transform: scale(0.9);
}
.img-texto-der ul li{
  font-size: 1.1rem;
  list-style: square !important;
}
.img-texto-der ul li span{
  color:var(--rojo);
  margin-right: .5rem;
}
/* IMG TEXTO DER */

/* IMG TEXTO DER PADDING*/
.img-texto-der-padding{
  overflow: hidden;
  background-color: whitesmoke;
}
.img-texto-der-padding .col-6, .img-texto-der-padding .col-md-6{
  overflow: hidden !important;
}
.img-texto-der-padding .contenedor{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  text-align: start;
  flex-direction: column;
  padding:4rem 0rem 4rem 4rem;
  position: relative;
  overflow: hidden;
}
.img-texto-der-padding .contenedor h2{
  /*padding-left: 5rem;*/
  color:var(--verde-oscuro);
  font-size: 1.8rem;
}
.img-texto-der-padding .contenedor h2 span{
  font-family: fuente-bold;
  text-transform: uppercase;
}
.img-texto-der-padding .contenedor hr{
  width: 50%;
  background-color: var(--verde-claro);
  opacity: .9;
  height: .2rem;
}
.img-texto-der-padding .contenedor p{
  font-size: 1.2rem;
  text-align: justify;
  padding-left: 8rem !important;
  margin-top:2rem !important;
}
.img-texto-der-padding .contenedor p ul li{
  text-decoration: square;
}
.img-texto-der-padding .contenedor #flecha{
  padding-top:3rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
.img-texto-der-padding .contenedor #flecha i{
  font-size: 2rem;
  transition: 0.5s;
  cursor: pointer;
}
.img-texto-der-padding .contenedor #flecha i:hover{
  transform: scale(0.9);
}
.img-texto-der-padding ul{
  padding-left: 1.5rem !important;
}
.img-texto-der-padding ul li{
  font-size: 1.2rem;
  list-style: square;
}
.img-texto-der-padding ul li span{
  color:var(--verde-oscuro);
  margin-right: .5rem;
}
.img-texto-der-padding ul span{
  color:var(--verde-oscuro);
  font-size: 1.5rem;
}
.img-texto-der-padding span{
  color:var(--verde-oscuro);
}
/* IMG TEXTO DER PADDING*/

/* IMG TEXTO IZQ */
.img-texto-izq-padding{
  overflow: hidden !important;
  /* padding:5rem 0rem 0rem; */
}
.img-texto-izq-padding.col-6, .img-texto-izq-padding .col-md-6{
  overflow: hidden !important;
}
.img-texto-izq-padding .contenedor{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  text-align: start;
  flex-direction: column;
  padding:4rem 4rem 4rem 0rem;
}
.img-texto-izq-padding .contenedor h2{
  padding-right: 5rem;
  color:var(--verde-oscuro);
  font-size: 1.8rem;
}
.img-texto-izq-padding .contenedor h2 span{
  font-family: fuente-bold;
  text-transform: uppercase;
}
.img-texto-izq-padding .contenedor hr{
  width: 50%;
  background-color: var(--verde-claro);
  opacity: .9;
  height: .2rem;
}
.img-texto-izq-padding .contenedor p{
  font-size: 1.2rem;
  text-align: justify;
  padding-right: 8rem !important;
  margin-top:2rem !important;
}
.img-texto-izq-padding .contenedor p span{
  font-family: fuente-media;
  color:var(--verde-oscuro);
}
.img-texto-izq-padding .contenedor #flecha{
  padding-top:3rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
.img-texto-izq-padding .contenedor #flecha i{
  font-size: 2rem;
  transition: 0.5s;
  cursor: pointer;
}
.img-texto-izq-padding .contenedor #flecha i:hover{
  transform: scale(0.9);
}
.img-texto-izq-padding ul{
  padding-left: 1.5rem !important;
}
.img-texto-izq-padding ul li{
  font-size: 1.2rem;
  list-style: square;
}
.img-texto-izq-padding ul li span{
  color:var(--verde-oscuro);
  margin-right: .5rem;
  padding-bottom:.1rem;
  font-family: fuente-media;
}
.img-texto-izq-padding .contenedor-movil{
  position: relative;
  overflow: hidden;
}
.img-texto-izq-padding .table{
  width: 100%;
}
/* IMG TEXTO IZQ PADDING*/

/* FORMULARIO RANGE */
.formulario-range{
  overflow: hidden;
  background-color: whitesmoke;
  overflow: hidden;
}
.formulario-range .contenedor{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: end;
  align-items: start;
  text-align: start;
  flex-direction: column;
}
.formulario-range .contenedor h3{
  font-size: 1.8rem;
  margin-bottom: 5.5rem !important;
  text-align: right;
  color:var(--rojo);
  padding-left:7rem;
}
.formulario-range .contenedor h3 span{
  font-family: fuente-bold;
  text-transform: uppercase;
}
.formulario-range .contenedor-form{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: end;
  flex-direction: column;
  padding-left:5rem;
  padding-top:5rem;
  padding-bottom:5rem;
}
.formulario-range .contenedor-form form{
  width: 100%;
  height: auto;
}
.formulario-range .contenedor-form form .rango{
  display: flex;
  flex-direction: column;
}
.formulario-range .contenedor-form form .rango .unidades{
  display: flex;
  text-align: end;
  justify-content: end;
  font-family: fuente-bold;
  font-size: 1rem;
}
.formulario-range .contenedor-form form .rango .unidades label{
  margin-bottom: 0rem !important;
  font-size: 1.3rem;
  color:var(--rojo);
}
.formulario-range .contenedor-form form .rango .unidades span, output{
  padding-left: .5rem;
  font-size: 1.3rem;
  color:var(--rojo);
}
.formulario-range .contenedor-form form .campos{
  display: flex;
  justify-content: end;
  align-items: center;
  text-align: center;
}
/* BIBLIOGRAFIA */
.bibliografia{
  overflow: hidden;
  background-color: whitesmoke;
  padding-bottom: 5rem;
}
.bibliografia h2{
  font-size: 3rem;
  color:var(--verde-oscuro);
  padding: 0rem 8rem;
}
.bibliografia h2 span{
  font-family: fuente-bold;
  font-size: 3rem;
  text-transform: uppercase;
}
.bibliografia .informacion{
  margin-top: 2rem;
  text-align: justify;
}
.bibliografia .informacion h4{
  font-size: 1.2rem;
}
.bibliografia .informacion ul{
  margin-top:2.5rem;
  padding-left: 1.5rem !important;
}
.bibliografia .informacion ul li{
  list-style: square !important;
}
.bibliografia .informacion ul li p{
  font-size: 1.2rem;
}
/* BIBLIOGRAFIA */

/* AVISO DE PRIVACIDAD */
/* BIBLIOGRAFIA */
.aviso-privacidad{
  overflow: hidden;
  background-color: whitesmoke;
  padding-bottom: 5rem;
}
.aviso-privacidad h2{
  font-size: 3rem;
  color:var(--verde-oscuro);
  padding: 0rem 8rem;
}
.aviso-privacidad h2 span{
  font-family: fuente-bold;
  font-size: 3rem;
  text-transform: uppercase;
}
.aviso-privacidad .informacion{
  margin-top: 2rem;
  text-align: justify;
}
.aviso-privacidad .informacion p{
  font-size: 1.2rem;
  text-align: justify;
}
.aviso-privacidad h3{
  font-family: fuente-bold;
}
.aviso-privacidad ul li{
  list-style: initial;
  font-size: 1.2rem;
  color:black;
}
/* AVISO DE PRIVACIDAD */
.linea-rango {
  -webkit-appearance: none;
  width: 100%;
  height: 12px;
  border-radius: 10px;
  background: #d3d3d3;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.linea-rango::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: black;
  border:2px solid white;
  cursor: pointer;
  background-size: 45%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--azul);
}
.linea-rango::-webkit-range-progress{
  background-color: var(--rojo);
  height: 100% !important;
  width: 100% !important;
  border-radius: 10px;
}
.linea-rango::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--rojo);
  border:2px solid white;
  cursor: pointer;
  background-size: 45%;
  background-position: center;
  background-repeat: no-repeat;
}
.linea-rango::-moz-range-progress{
  background-color: var(--rojo);
  height: 100% !important;
  width: 100% !important;
  border-radius: 10px;
}
/* FORMULARIO RANGE */

/* ANIMACION BARRAS */
.barras-proyectos{
  padding:8rem 0rem !important;
  overflow: hidden;
  background-color: white;
}
.barras-proyectos #barras p{
  font-size: 1.3rem;
  color:var(--verde-oscuro);

}
.barras-proyectos .titulo{
  text-align: center;
}
.barras-proyectos .titulo h2{
  font-size: 2.5rem;
  color:var(--verde-oscuro);

}
.barras-proyectos .titulo span{
  font-size: 2.7rem;
  font-family: fuente-bold;
  text-transform: uppercase;
  color:var(--verde-oscuro);
}
.barras-proyectos .formu{
  display: flex;
  margin-top:2rem;
  margin-bottom: 2rem;
}
.barras-proyectos h3{

  font-size: 1.5rem;
}
.barras-proyectos .btn-contacto-cont{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.progress-bar{
  background-color:var(--verde-oscuro) !important;
}
.inicio{
  width: 0%;
}
.final{
  width: 100%;
}
.final-corto{
  width: 1%;
}
.animacion{
  transition: all 2s ease .2s !important;
}
/* ANIMACIONES BARRAS */

/* FORMULARIO */
#contact{
  padding-top: 10rem;
}
.formulario{
  padding:7rem 0rem;
  overflow: hidden;
  background-color: whitesmoke;
}
.formulario h2{
  font-size: 3rem;
  color:var(--verde-oscuro);
}
.formulario h2 span{
  font-family: fuente-bold;
  font-size: 3rem;
  text-transform: uppercase;
}
.formulario p{
  font-size: 1.5rem;
}
.formulario-w{
  padding:7rem 0rem;
  overflow: hidden;
  background-color: white;
}
.formulario-w h2{
  font-size: 3rem;
  color:var(--verde-oscuro);
}
.formulario-w h2 span{
  font-family: fuente-bold;
  font-size: 3rem;
  text-transform: uppercase;
}
.formulario-w p{
  font-size: 1.5rem;
}
.form-control, .form-select{
  border-radius: 0 !important;
  border:1px solid black !important;
  font-size: 1.2rem !important;
}
.form-control:focus{
  box-shadow: none !important;
  border-color: black !important;
  border:1px solid black !important;
  padding: .375rem .75rem !important;
  /*padding: 1rem .75rem !important;*/
}
.form-control::placeholder, textarea::placeholder{
  color:black !important;
  opacity: 1 !important;
}
.formulario input, .formulario textarea, .formulario select, .formulario-contacto input, .formulario-contacto textarea, .formulario-contacto select{
  display: block !important;
  width: 100% !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #212529 !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
   box-shadow: none !important;
  border-color: black !important;
  border:1px solid black !important;
  padding: .375rem .75rem !important;
  }
  .text-placeholder {
  display: block !important;
  width: 100% !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #212529 !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
   box-shadow: none !important;
  border-color: black !important;
  }
  .formulario form .boton{
    display: flex;
    justify-content: center;
    align-items: center;
  }
/* FORMULARIO */

/* FABRICA PANORAMICA */
.fabrica-panoramica{
  overflow: hidden;
}
.fabrica-panoramica .panoramica{
  background: url('../img/panoramica.webp');
  background-position: center;
  background-size: cover;
  padding:5rem 2rem;
  text-align: center;
}
.fabrica-panoramica .panoramica h3{
  color:white;
  font-size: 3.5rem;
  text-shadow: 1px 1px 2px black;
  font-family: fuente-media;
  text-transform: uppercase;
}

.fabrica-panoramica .contenedor{
  padding-top:3.5rem;
  padding-bottom:4rem;
}
.fabrica-panoramica .contenedor .texto-izq{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  /*padding-right:3rem;*/
}
.fabrica-panoramica .contenedor .texto-izq h2,
.fabrica-panoramica .contenedor .texto-izq h3{
  font-size: 2rem;
  color:var(--verde-oscuro);
}
.fabrica-panoramica .contenedor .texto-izq h2 span{
  font-family: fuente-bold;
  font-size: 2.2rem;
}

.fabrica-panoramica .contenedor .texto-der{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  text-align: end;
}
.fabrica-panoramica .contenedor .texto-der .redes{
  margin-top:1.1rem;
}
.fabrica-panoramica .contenedor .texto-der .redes ul{
  display: flex;
}
.fabrica-panoramica .contenedor .texto-der .redes ul a{
  color:var(--verde-oscuro);
  font-size: 2.5rem;
  transition: .5s;
}
.fabrica-panoramica .contenedor .texto-der .redes ul a:hover{
  opacity: .5;
}
.fabrica-panoramica .contenedor .texto-der h3{
  font-size: 1.5rem;
  color:var(--verde-oscuro);
}
/* FABRICA PANORAMICA */

/* BLOG */
.blog{
padding:5rem 0;
overflow: hidden;
background-color: whitesmoke;
}
.blog .titulo h2{
  color:var(--verde-oscuro);
  font-size: 3rem;
}
.blog .titulo h2 span{
  font-size: 3.5rem;
  font-family: fuente-bold;
}


.blog-landing{
  padding:10rem 0rem;
}
.blog-landing .titulo h2{
  font-size: 3rem;
}
.blog-landing .titulo h2 span{
  font-family: fuente-bold;
}
.blog-landing #tarjetas{
  padding-top:5rem;
}
.blog-landing #tarjetas .card{
  width: 80% !important;
  padding:0rem 2rem;
}
.card-img, .card-img-bottom, .card-img-top{
  width: 100% !important;
  height: 250px !important;
}
.blog-landing #tarjetas h5{
  font-family: fuente-bold;
}
.blog-landing #renglon{
  padding-top:5rem;
}
/* BLOG */

/* INSTAGRAM */
.instagram{
  background-color: var(--verde-oscuro);
}
.instagram .titulo{
  text-align: center;
  padding:3rem 0rem;
}
.instagram .titulo h3{
  font-family: fuente-bold;
  font-size: 2rem;
  color:var(--amarillo);
}
.instagram ul{
  display: flex;
  overflow: hidden;
}
.instagram ul li{
  width: 20%;
  overflow: hidden;
  transition: .5s;
}
.instagram ul li .cont{
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: .5s;
}
.instagram ul li:hover .cont{
  transform: scale(1.1);
}
/* INSTAGRAM */

/* TIENDAS */
.tiendas{
  padding: 6rem 0rem !important;
  overflow: hidden;
  background-color: whitesmoke;
}
.tiendas .titulo{
  text-align: center;
}
.tiendas .titulo h2{
  font-size: 2.5rem;
  color:var(--verde-oscuro);
}
.tiendas .titulo span{
  font-size: 2.7rem;
  font-family: fuente-bold;
  text-transform: uppercase;
  color:var(--verde-oscuro);
}
.tiendas .sub-titulo{
  text-align: center;
  margin-top:3rem;
  padding:0rem 7rem;
}
.tiendas .sub-titulo p{
  font-size: 1.5rem;
  color:black;
}
.tiendas .sub-titulo span{
  font-size: 1.7rem;
  font-family: fuente-bold;
  text-transform: uppercase;
  color:black
}
.tiendas .logos{
  margin-top:3rem;
}
.tiendas .logos ul{
  display: flex;
  justify-content: center;
  align-items: center;
}
.tiendas .logos ul li{
  text-align: center;
  transition: .5s;
}
.tiendas .logos ul li:hover{
  transform: scale(1.1);
}
.tiendas-w .logos ul li img,
.tiendas .logos ul li img{
  width: 75%;
  height: auto;
}

.tiendas-w{
  padding: 6rem 0rem !important;
  overflow: hidden;
  background-color: white;
}
.tiendas-w .titulo{
  text-align: center;
}
.tiendas-w .titulo h2{
  font-size: 2.5rem;
  color:var(--verde-oscuro);
}
.tiendas-w .titulo span{
  font-size: 2.7rem;
  font-family: fuente-bold;
  text-transform: uppercase;
  color:var(--verde-oscuro);
}
.tiendas-w .sub-titulo{
  text-align: center;
  margin-top:3rem;
  padding:0rem 7rem;
}
.tiendas-w .sub-titulo p{
  font-size: 1.5rem;
  color:black;
}
.tiendas-w .sub-titulo span{
  font-size: 1.7rem;
  font-family: fuente-bold;
  text-transform: uppercase;
  color:black
}
.tiendas-w .logos{
  margin-top:3rem;
}
.tiendas-w .logos ul{
  display: flex;
  justify-content: center;
  align-items: center;
}
.tiendas-w .logos ul li{
  text-align: center;
  transition: .5s;
}
.tiendas-w .logos ul li:hover{
  transform: scale(1.1);
}
/* TIENDAS */

/* CINTILLO WHATTS */
.cintillo-whatts{
  background-color: var(--verde-claro);
}
.cintillo-whatts img{
  width: 100%;
  height: auto;
}
.cintillo-whatts .contenedor{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: end;
  text-align: end;
  display: flex;
  flex-direction: column;
  padding-left: 4rem;
}
.cintillo-whatts .contenedor h3{
  font-family: fuente-media;
  text-transform: uppercase;
  font-size: 1.8rem;
  line-height: 2.5rem;
}
.cintillo-whatts .contenedor .botones-whatts{
  display: flex;
  margin-top:2rem;
}
.btn-compra-directa{
  background-color: white;
  color: var(--verde-oscuro);
  border: 1px solid white;
  padding: .5rem 1.5rem !important;
  border-radius: 0rem !important;
  transition:.5s !important;
  font-size: 1.1rem !important;
  letter-spacing: .1rem;
  font-family: fuente-media;
  text-transform: uppercase;
}
.btn-compra-directa:hover{
  background-color: transparent !important;
  border: 1px solid white;
  color:white;
}
/* CINTILLO WHATTS */

/* LISTA 3 COLUMNAS */
.lista-terzo{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.lista-terzo li{
  width: 33.33%;
  font-size: 1rem !important;
}

/* MAPA */
.mapa{
  width: 100%;
  height: 100%;
}
.mapa .contenedor{
  width: 100%;
  height: 100%;
  margin-bottom: -1.5rem;
}
/* MAPA */

/* GRACIAS */
.gracias{
  background-color: var(--verde-claro);
  width: 100%;
  height: 100%;
}
.gracias .contenedor{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.gracias .contenedor img{
  width: 30%;
}
.gracias .contenedor h4{
  margin-top: 3rem !important;
  font-family: fuente-media;
  font-size: 2rem;
  text-transform: uppercase;
  padding:0rem 10rem;
  line-height: 3rem;
}
.btn-gracias{
  background-color: var(--verde-oscuro);
  color: white;
  border: 1px solid var(--verde-oscuro);
  padding: .5rem 1.5rem !important;
  border-radius: 0rem !important;
  transition:.5s !important;
  font-size: 1.1rem !important;
  margin-top:3rem !important;
  letter-spacing: .1rem;
  font-family: fuente-media;
  text-transform: uppercase;
  width: 50%;
}
.btn-gracias:hover{
  background-color: transparent !important;
  border: 1px solid var(--verde-oscuro);
  color:var(--verde-oscuro);
}
.boton-crm{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* GRACIAS */

/* MODALES */
.modal-dialog{
  max-width: 70% !important;
}
.modal-body{
  padding: 2rem !important;
}
.modal-body p{
  margin-top: 0 !important;
  font-size: 1.5rem;
}
.modal-body p span{
  font-family: fuente-media;
}
.modal-header h2{
  color:var(--verde-oscuro);
  font-size: 1.5rem !important;
  font-family: fuente-bold;
}
/* MODALES */

.resenas-producto{
  padding: 5rem 0rem 3rem;
  background-color: whitesmoke;
  overflow: hidden;
}
.resenas-producto .titulo{
  text-align: center;
}
.resenas-producto .titulo h2{
  font-size: 3rem;
  color:var(--verde-oscuro);
}
.resenas-producto .titulo h2 span{
  font-family: fuente-bold;
}
.recuadro-resena{
  background-color: var(--verde-claro);
  width: 100%;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.resenas-producto .carousel-inner{
  height: 210px;
}
.recuadro-resena p{

}

/* MOVIL */
@media (max-width: 1380px){
  .detalles-ficha .cont-texto p{
    font-size: 1rem;
  }
  main{
    padding-top: 2.5rem;
  }
  .header-principal{
    margin-top: 45px;
  }
  .header-contacto .contacto li a span{
    font-size: .7rem;
  }
  .tel-ctn {
    width: 20% !important;
  }
  .banner-derecha-about{
    bottom:9rem !important;
  }
  footer .contact li .title,
  footer .contact a{
    font-size: .9rem;
  }
}

@media (max-width: 575px){
  .modal-dialog{
    max-width: 100% !important;
  }
   #logo-carga{
    text-align: center;
  }
  .resenas-producto .titulo h2{
    font-size: 1.8rem;
  }
  .gracias .contenedor h4{
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .detalles-ficha .cont-texto .btn-compra{
    width: 100%;
  }
  .cinta-menu .cont{
    margin-top: 4.8rem;
  }
  .detalles-ficha .cont-texto{
    padding: 2rem 0rem 1rem 0rem;
  }
  .img-texto-der .contenedor h2{
    padding-left: 0rem;
  }
  .banner-home-abajo,
  .banner-home-abajo-izq{
    top:35rem !important;
    left: 25% !important;
  }
  .img-texto-izq .contenedor h2{
    padding-right: 0rem;
  }
  .botones-whatts{
    flex-direction: column;
    width: 80%;
  }
  .lista-terzo li{
    width: 50%;
  }
  .instagram .titulo h3{
    font-size: 1.5rem;
  }
  .banners{
    padding-top: 13%;
  }
  .actividad-funcional,
  .compuestos,
  .poder-curativo,
  .cura,
  .gotero-fondo,
  .micro-dosis,
  .artemisa,
  .artemisa-02,
  .artemisa-03{
    height: 500px;
  }
  .dropdown-content{
    width: 100%;
  }
  .header-principal {
    margin-top: 42px;
  }
  .barras-proyectos .titulo h2,
  .formulario h2,
  .blog .titulo h2,
  .formulario-w h2 span{
    font-size: 2rem;
  }
  .barras-proyectos .titulo span,
  .formulario h2 span,
  .blog .titulo h2 span,{
    font-size: 2.2rem;
  }
  #exampleSlider-historias .MS-content .item{
    width: 100% !important;
  }
  
  .formulario, .formulario-w{
    padding: 4rem 0rem;
  }
  .btn-contacto{
    margin-top: 0rem !important;
  }
  .fabrica-panoramica .panoramica h3{
    font-size: 2.5rem;
  }
  .fabrica-panoramica .contenedor .texto-izq h3,
  #exampleSlider-historias .MS-content .item .contenedor .cont-text p,
  .img-texto-izq .contenedor p{
    margin-bottom: 2rem !important;
  }
  .img-texto-der .contenedor p{
    margin-bottom:0rem;
  }
  .img-texto-der-padding .contenedor,
  .img-texto-izq-padding .contenedor{
    padding:4rem 0rem;
  }
  .cintillo-whatts .contenedor{
    flex-direction: column;
  }
  .btn-compra-directa{
    width: 100%;
    margin-top: 2rem;
  }
  .header-contacto .contacto .btn-menu-contacto img{
    width: 40%;
  }
  .gracias .contenedor img{
    width: 70%;
  }
  .gracias .contenedor h4{
    padding:0rem;
  }
  .btn-gracias{
    width: 100%;
  }
  .aviso-privacidad h2{
    padding:0rem;
  }
  .bibliografia h2{
    padding: 0rem !important;
    font-size: 2.5rem;
  }
  .bibliografia h2 span{
    font-size: 2.8rem;
  }
  .tiendas .titulo span,
  .tiendas-w .titulo span{
    font-size: 2.2rem;
  }
  .tiendas .logos ul,
  .tiendas-w .logos ul{
    flex-direction: column;
  }
  .tiendas .logos ul li img,
  .tiendas-w .logos ul li img{
    width: 90% !important;
  }
  .tiendas .sub-titulo,
  .tiendas-w .sub-titulo{
    padding: 0rem !important;
  }
  .instagram ul{
    flex-wrap: wrap;
  }
  .instagram ul li{
    width: 50%;
  }
  footer .contenedor{
    margin-bottom: 5rem;
  }
  .fabrica-panoramica .contenedor .texto-izq{
    padding-right: 0rem !important;
    align-items: center;
    text-align: center;
  }
  .img-texto-der .contenedor{
    padding-top:5rem;
    padding-bottom: 5rem;
  }
  .img-texto-izq .contenedor p,
  .img-texto-der .contenedor p{
    padding-right: 0rem !important;
    padding-left: 0rem !important;
    margin-bottom:2rem !important;
  }
  .header-contacto .contacto .correo{
    margin-left: 1rem;
  }
  .header-contacto .contacto li .elementos i {
    color: var(--verde-oscuro);
    margin-right: 0rem;
  }
  .header-contacto .contacto li .elementos .numero{
    display: none;
  }
  .burger > i{
    display: block;
    position: absolute;
    top: 20px;
    right: 55px;
    font-size: 35px;
    cursor: pointer;
    opacity: 1 !important;
    transition: 0.3s !important;
    color:var(--verde-oscuro);
  }
  .burguer > i:hover{
    opacity: 0.3 !important;
  }
  .header-principal{
    background-position: center;
    padding: 1.5rem 0 !important;
    /*margin-top: 50px !important;*/
  }
  .header-principal nav .logo{
    width: 50%;
  }
  .header-principal nav .menu{
    position: absolute;
    top: 100%;
    left: -100%;
    width: 100%;
    padding: 1rem 0 !important;
    background: var(--verde-oscuro) !important;
    z-index: -1 !important;
  }
  .header-principal nav .menu .lista{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .header-principal nav .menu .lista li{
    width: 70%;
    margin: 10px 0;
    padding: 10px 0;
    text-align: center;
  }
  .banner-general-movil{
    width: 80% !important;
  }
  .banner-derecha h1, .banner-izquierda h1{
    font-size: 1.8rem !important;
    color:white;
  }
  .banner-general-movil{
    top:55%;
    display: flex;
    justify-content: start;
    align-items:center;
    flex-direction: column;
    left:10% !important;
    width: 80% !important;
    transition-delay: 5s;
    animation: letrasBottom 2s;
    text-align: center !important;
    color:white;
  }
  .banner-general-movil p{
    color:white !important;
    font-size: 1.5rem !important;
    text-shadow: 1px 1px 2px black;
    padding: .5rem 2rem 0rem 2rem !important;
  }
  .banner-general-movil h3{
    color:white !important;
    font-family: fuente-bold !important;
    font-size: 2rem;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px black;
    padding:0rem 2rem;
  }
  .banner-derecha-about-movil{
    top:58%;
    display: flex;
    justify-content: start;
    align-items:center;
    flex-direction: column;
    left:10% !important;
    width: 80% !important;
    transition-delay: 5s;
    animation: letrasBottom 2s;
    text-align: center !important;
    color:white;
  }
  .banner-derecha-about-movil h2{
    color:var(--verde-oscuro) !important;
    font-family: fuente-bold !important;
    font-size: 2.5rem;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px grey;
  }
  .banner-derecha-about-movil-lechero{
    top:60%;
    display: flex;
    justify-content: start;
    align-items:center;
    flex-direction: column;
    left:10% !important;
    width: 80% !important;
    transition-delay: 5s;
    animation: letrasBottom 2s;
    text-align: center !important;
    color:white;
  }
  .banner-derecha-about-movil-lechero h3{
    color:var(--verde-oscuro) !important;
    font-family: fuente-bold !important;
    font-size: 2.5rem;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px grey;
  }
  .banner-derecha-about-movil-artemisa{
    top:60%;
    display: flex;
    justify-content: start;
    align-items:center;
    flex-direction: column;
    left:10% !important;
    width: 80% !important;
    transition-delay: 5s;
    animation: letrasBottom 2s;
    text-align: center !important;
    color:white;
  }
  .banner-derecha-about-movil-artemisa h3{
    color:var(--verde-oscuro) !important;
    font-family: fuente-bold !important;
    font-size: 2.5rem;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px grey;
  }
  .img-texto-izq .contenedor,
  .formulario-range,
  .barras-proyectos{
    padding:5rem 0rem !important;
  }
  .formulario-range .contenedor h3{
    margin-bottom: 0rem !important;
    padding-left: 0rem;
  }
  .formulario-range .contenedor-form{
    padding-left: 0rem;
    text-align: center;
  }
  #exampleSlider-marcas .MS-content .item{
    width: 100% !important;
  }
  #exampleSlider-marcas .MS-content .item .contenedor{
    flex-direction: column;
  }
  #exampleSlider-marcas .MS-content .item .contenedor .cont-text{
    padding:2rem 0rem 0rem 0rem !important;
    align-items: center !important;
    text-align: center !important;
  }
  #exampleSlider-marcas .MS-controls button{
    top:8rem !important;
  }
  .btn-form-crm{
    margin-top:0rem !important;
    width: 100%;
  }
  .fabrica-panoramica .contenedor .texto-der{
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 2rem;
    flex-direction: column;
  }
  #exampleSlider-blog .MS-content .item{
    width: 100% !important;
  }
  .bibliografia h2, .bibliografia h2 span{
    font-size: 2rem;
  }
}

@media (max-width:430px){
  .banner-home-abajo, .banner-home-abajo-izq{
    top:29rem !important;
    left: 18% !important;
  }
  .header-principal nav .logo{
    width: 60%;
  }
  .header-contacto .contacto .btn-menu-contacto img{
    width: 60%;
  }
  .header-contacto .contacto li .elementos i{
    font-size: 95%;
  }
  .tiendas-w .titulo h2, .tiendas .titulo h2{
    font-size: 2.2rem;
  }
  .tiendas .titulo span, .tiendas-w .titulo span{
    font-size: 1.7rem;
  }
  .barras-proyectos .titulo span{
    font-size: 2.2rem;
  }
  .formulario h2 span{
    font-size: 2.2rem;
  }
  .blog .titulo h2 span{
    font-size: 2.2rem;
  }
  .banners{
    padding-top: 17%;
  }
  .banner-derecha-about-movil h2{
    font-size: 2rem;
  }
  .banner-derecha-about-movil-lechero h3{
    font-size: 2rem;
  }
  .btn-form, .btn-contacto{
    font-size: 1rem;
  }
  .img-texto-izq-padding .contenedor h2{
    padding-right: 0rem;
  }
  .lista-terzo li{
    font-size: .8rem !important;
  }
  .tiendas .sub-titulo p, .tiendas-w .sub-titulo p{
    font-size: 1.2rem;
  }
  .cintillo-whatts .contenedor h3{
    font-size: 1.3rem;
  }
}

@media (max-width: 450px){
  .blog .titulo h2 span{
    font-size: 1.8rem !important;
  }
  .cintillo-whatts .contenedor{
    padding: 3rem 0rem;
    text-align: center;
    align-items: center;
  }
  .cintillo-whatts .contenedor h3{
    font-size: 1.3rem;
  }
  .cintillo-whatts .contenedor .botones-whatts{
    margin-top: 0rem;
  }
  .banner-home-abajo, .banner-home-abajo-izq{
    top: 30rem !important;
    left: 20% !important;
  }
  .img-texto-der .contenedor h2{
    padding-left: 0rem;
  }
  .tiendas-w .sub-titulo p{
    font-size: 1.1rem;
  }
  .tiendas-w .titulo h2, .tiendas .titulo span, .tiendas-w .titulo span{
    font-size: 1.8rem;
  }
  .banner-general-movil{
    top:55%;
  }
  .lista-terzo li{
    width: 100%;
  }
  .loading img{
    width: 70%;
  }
  .header-principal nav .logo{
    width: 60%;
  }
  .banner-general-movil{
    bottom: 15% !important;
  }
  .barras-proyectos .titulo h2, .formulario h2, .blog .titulo h2, .formulario-w h2 span,
  .fabrica-panoramica .contenedor .texto-izq h2, .fabrica-panoramica .contenedor .texto-izq h3{
    font-size:1.8rem;
  }
  .barras-proyectos .titulo span, .formulario h2 span,
  .fabrica-panoramica .contenedor .texto-izq h2 span,
  .blog .titulo h2 span{
    font-size: 2rem;
  }
  .barras-proyectos #barras p{
    font-size: 1.15rem;
  }
  .header-contacto .contacto .btn-menu-contacto img{
    width: 60%;
  }
  .fabrica-panoramica .panoramica{
    padding:3rem 2rem;
  }
  #exampleSlider-historias .MS-content .item .contenedor .cont-text h5 span{
    font-size: 1.1rem;
  }
  .btn-form, .btn-contacto{
    font-size: .8rem;
  }
  .header-contacto .contacto li .elementos i{
    font-size: 1rem;
  }
  .banner-derecha-about-movil h2,
  .banner-derecha-about-movil-lechero h3{
    font-size: 1.8rem;
  }
  .banners{
    padding-top: 15%;
  }
  .banner-general-movil h3{
    font-size: 1.5rem;
  }
  .banner-general-movil p{
    font-size: 1.1rem !important;
  }
  .banner-general-movil h3{
    padding: 0rem 2.5rem;
  }
  .burger > i{
    font-size: 30px;
    top:24px;
  }
  .img-texto-izq .contenedor h2,
  .img-texto-der .contenedor h2{
    font-size: 1.6rem;
  }
  .img-texto-izq .contenedor p,
  .img-texto-der .contenedor p{
    font-size: 1.1rem;
  }
  .barras-proyectos .titulo h2, .formulario h2, .blog .titulo h2, .formulario-w h2 span, .fabrica-panoramica .contenedor .texto-izq h2, .fabrica-panoramica .contenedor .texto-izq h3{
    font-size: 1.8rem;
  }
  .barras-proyectos .titulo span, .formulario h2 span, .fabrica-panoramica .contenedor .texto-izq h2 span, .blog .titulo h2 span{
    font-size: 1.8rem;
  }
  .blog #historias .contenedor-txt-derecha .cont-texto h3{
    font-size: 1.2rem;
  }
}

@media (max-width:395px){
  .banner-home-abajo, .banner-home-abajo-izq{
    top:25rem !important;
    left: 18% !important;
  }
  .banners{
    padding-top: 18%;
  }
  .banner-general-movil h3{
    font-size: 1.3rem;
  }
  .btn-banner{
    margin-top: 1rem;
    font-size: 1rem;
  }
  .img-texto-izq .contenedor h2, .img-texto-der .contenedor h2,
  .img-texto-der-padding .contenedor h2 span{
    font-size: 1.4rem;
  }
  hr{
    margin: .5rem 0rem;
  }
  .img-texto-izq .contenedor p, .img-texto-der .contenedor p,
  .img-texto-der-padding ul li{
    font-size: 1rem;
  }
  .btn-form, .btn-contacto{
    font-size: .9rem;
  }
  .barras-proyectos .titulo h2, .formulario h2, .blog .titulo h2, .formulario-w h2 span, .fabrica-panoramica .contenedor .texto-izq h2, .fabrica-panoramica .contenedor .texto-izq h3{
    font-size: 1.3rem;
  }
  .barras-proyectos .titulo span, .formulario h2 span, .fabrica-panoramica .contenedor .texto-izq h2 span, .blog .titulo h2 span{
    font-size: 1.5rem;
  }
  .banner-derecha-about-movil h2, .banner-derecha-about-movil-lechero h3,
  .banner-derecha-about-movil-artemisa h3{
    font-size: 1.6rem;
  }
  .actividad-funcional, .compuestos, .poder-curativo, .cura, .gotero-fondo, .micro-dosis, .artemisa, .artemisa-02, .artemisa-03{
    height: 300px;
  }
}