/* animacion de observadores */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
.label_producto_listado a{text-decoration: none;color:#51216d;}
.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 1.87rem!important;}
body{ font-family: 'Open Sans' !important;box-shadow: inset 0 -3em 3em rgb(0 0 0 / 2%), 0 0 0 2px rgb(255 255 255), 0.3em 0.3em 1em #6c757d61;max-width:1980px!important;margin:0 auto!important;}
.anim_zoom1{opacity: 0;transition:.9s ease-in-out all;transform: translateX(-200px);}
.anim_zoom1.visible{opacity: 1;transform:translateX(0);}
.borde {
  border: 1px solid; }
 .pad-0{padding:0px!important;}
.p5 {padding: 10px!important; }
.p10 {padding: 20px!important; }
.pt10{padding-top:10px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt40{padding-top:40px!important;}
.pt50{padding-top:50px!important;}

.m5{margin:5px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mb-0,.wp-block-columns{margin-bottom:0px!important;}
.mb-3{margin-bottom:30px;}
.navbar-brand{margin-right:0px!important;}
/*.bg-color-container {    background-color: $blanco;   }*/
.dirpais{font-size: .9em;color:#207815;}
.dirproenfar{font-size: .8em;color:#000;}
.dirtele{font-size: .8em;color:#000;}
.dirmail{font-size: .8em;color:#000;}
.dirmailink{font-size: .8em;color:#000;}

.fondodir{background:#f8f8f9;padding:7px;line-height: 1;}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding:0px;}

.cmb2-metabox-title {
 
  font-size: 24px!important;
  color:#207815;
}
.cmb-td,.cmb-th{padding:0!important;text-align: left;}
.button-primary{display:none;}

.height-vh{height:100vh;}
.navbar-nav li a {
  color: rgb(70, 64, 64);
  text-decoration: none; font-weight: normal;padding:0px}
.navbar-nav li a:hover {
  color: #207815; 
/* font-weight: bold;  */
/*  text-decoration: underline; */
 border-bottom:2px solid #5fa855;padding:0px;
}
.navbar-light .navbar-toggler{
  right: 20px;
}
.navbar-toggler {
  margin: auto;
  margin-top: 25px;
  padding: 5px !important; background: #f0ffff38!important;position: absolute;top: -70px;right: 10px;}

.navbar-light .navbar-toggle r-icon {
  background-color: #fff; }

.navbar-light .navbar-toggler {
  background-color: #fff; }

.footer {
  background-color: #f8f8ff; }
  .footer .text-footer {
    background-color: #00a84e; }
    .footer .text-footer p {
      text-align: center;
      color: #fff; }
  .footer .logo-footer {
    display: flex;
    justify-content: center;
    /* padding: 20px 0px; */ }
  .footer .title-footer h4 {
    text-align: center; }
  .footer .iconos-redes-sociales {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 30px; }
    .footer .iconos-redes-sociales ul {
      list-style: none;
      padding: 0;
      margin: 0 auto;
      text-align: center; }
      .footer .iconos-redes-sociales ul li {
        display: inline-block;
        padding: 0 5px;
        width: 50px;
        height: 50px; }

.bannerhome {
  width: 100%; }

/*   .carousel-control-next-icon,.carousel-control-prev-icon {
 background: transparent!important;
} */

.custom-logo-link{
  position: relative;z-index: 200;
}

.menu-idiomas li a,.menu-idiomas li{color:#000;font-weight: normal;text-decoration: none;display: block;}
#menu-idiomas{width: fit-content;right: 31px;top: -15px;}
 
 .bordev{border:1px solid green}
.h-10{
	  height:200px;
  }
  .h-20{
	  height:400px;
  }
.borde-2px{border:2px solid;}
.borde-b-2px{border-bottom:2px solid;}
.borde-t-2px{border-top:2px solid;}
.borde-l-2px{border-left:2px solid;}
.borde-r-2px{border-right:2px solid;}
.borderedondo{border-radius:20px;} 
.bordelila{border-color:#51216d;}
#miheader{position: fixed;opacity:0;transition:.8s ease-in-out all;transform:translateY(-40px);border:0px solid red;max-width:1980px!important;margin:0 auto!important;}  
#miheader.muestraheader{opacity:1;transform:translateY(0px);border:0px solid red;}

.subtitform{ font-weight: 500;
  font-size: 1.2em;
  color: #01aa4e;}
.label-form{font-weight:600;}
 /*
PARAMETROS GENERALES CONTENIDO
TITULO_PRINCIPAL
SUBTITULO
DESCRIPCIONES
*/


.brandingLogo{display:none;}
.comment-form-comment label{display: block!important;}

.comment-form-comment textarea{width:95%!important;height: 90px;}
.contenedor_contenido{
  max-width: 1280px;
    margin: 0 auto;
}
.contenedor_contenido_productos{
  max-width: 1100px!important;
  margin: 0 auto;
}
.contenedor_contenido_forms{
  max-width: 900px;
    margin: 0 auto;
}
.subtitulo_header{
 font-weight: bold;
 font-size: 1.1em;
 color: #01aa4e;
}
.info_header{
  margin-bottom: 8px;;
  font-weight:normal;
  font-size: 1em;
  color: #000000;
}

.titulo_zonas_footer
{
  color:#000;
  font-weight: bolder;
  font-size: 1.3em;
  margin-bottom:15px;
  
}
.menu-sociales,.menu-contactenos{padding: 0;}
.menu-sociales li:before,.menu-contactenos li:before
{ 
  content:'>';
  color:#01aa4e;
  font-weight: bolder;
}

.menu-sociales li,.menu-contactenos li
{ 
  list-style-type: none;
  text-decoration: none;
  color:#444;
}
.menu-sociales li a,.menu-contactenos li a
{
  text-decoration: none;
  color:#444; 
}
.menu-sociales li a:hover,.menu-contactenos li a:hover
{
  text-decoration: underline;
  color:#207815; 
}

.column {
	/* margin: 15px 15px 0; */
  margin: 15px 10px 0;
	padding: 0;
}
/* .column:last-child {
	padding-bottom: 60px;
} */
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width:100%;max-width: 300px;
	/* height: 300px; */
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure img {
	/* width:100%; */
  height:auto;
}
figure {
	width:100%;
  /* max-width: 300px; */
	/* height: 300px; */
	margin: 0;
	padding: 0;
	/* background: #fff; */
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
  cursor:pointer;
}

/* Shine */
.hover14 figure {
	position: relative;
 
}
.hover14 figure:hover {
  
  cursor:pointer;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
 }
.hover14 figure:hover::before {
	-webkit-animation: shine .95s;
	animation: shine .95s;

}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}





.linea_bottom_cosmetica{
  border-bottom: 4px solid #51216d;
}
.label_producto_listado{
  color:#51216d;
  font-weight: bold;
  font-size: 1em;
  display: inline-flex;
}
.titulo_principal{
  font-size:3em;
  font-weight:bold;
  line-height:1;
  margin-top:20px;
  margin-bottom: 20px;
  }
  .subtitulo_principal{
    font-size:2em;
    font-weight:bold;
    line-height:1;
    margin-top:30px;
    margin-bottom: 20px;
    }
    .descripcion_principal{
      font-size:1.2em;
      font-weight:lighter;
      line-height:1.3;
      margin-top:30px;
      margin-bottom: 20px;
      }


.capacidadRelleno{padding:2px;background-color: #a5c74c;margin:4px;color: #fff;font-size: .9em;}
.capacidadRellenoprin{padding:2px;background-color: #709118f0;margin:4px;color: #fff;font-size: .95em;}
.lineaVerde{width:100%;height:2px;border-bottom:1px solid #00a84e;margin-bottom:30px;margin-top:20px;}

.titulo_carrucel1,.titulo1{
font-size:2.2em; 
font-weight:bold;
line-height:1;
color:#5c2870!important;
}
.titulo_noticia{ font-size:1.6em; 
font-weight:500;
line-height:1.1;}
.subtitulo1{font-size:1.2em;
text-align:left;
font-weight:bold;
line-height:1;}
.desc-slider1{  
font-size:1em!important; 
padding-left: 0px;
color:#000!important;
}
.context-slider1{ /* transform:translateX(-200px);opacity:0; */ transition:2s ease-in-out all;max-width: 400px;width:fit-content;padding-left: 0px;}

.datepicker{cursor:pointer;    border: 3px solid #084298!important;
  border-radius: 0 20px!important;
  padding: 10px!important;}

.menu-sociales,.menu-contactenos,.info_header{font-size: .9em;}


/* observadores carrusel */
      #obs_slider1_text, #obs_slider2_text, #obs_slider3_text, #obs_slider4_text, #obs_slider5_text, #obs_slider6_text
      {
        transform:translateX(-200px);opacity:0; transition:1s ease-in-out all;max-width: 500px;
      }

      #obs_slider1_text.animartexto,#obs_slider2_text.animartexto,#obs_slider3_text.animartexto,#obs_slider4_text.animartexto,#obs_slider5_text.animartexto,#obs_slider6_text.animartexto
      {
        opacity:1;transform:translateX(0px);
      }

      #obs_slider1_desc,#obs_slider2_desc,#obs_slider3_desc,#obs_slider4_desc,#obs_slider5_desc,#obs_slider6_desc
      { 
        transform:translateX(200px);opacity:0; transition:1s ease-in-out all;max-width: 500px;
      }
      #obs_slider1_desc.animartexto,#obs_slider2_desc.animartexto,#obs_slider3_desc.animartexto,#obs_slider4_desc.animartexto,#obs_slider5_desc.animartexto,#obs_slider6_desc.animartexto
      {
        opacity:1;transform:translateX(0px);
      }

  
      #obs_slider1_btn,#obs_slider2_btn,#obs_slider3_btn,#obs_slider4_btn,#obs_slider5_btn,#obs_slider6_btn
      {
        transform:translateX(-80px);
        opacity: 0; 
        transition:2s ease-in-out all;
      }

      #obs_slider1_btn.animartexto,#obs_slider2_btn.animartexto,#obs_slider3_btn.animartexto,#obs_slider4_btn.animartexto,#obs_slider5_btn.animartexto,#obs_slider6_btn.animartexto
      {
          opacity:1;transform:translateX(0px);
      }
    
/*       .btnv.active,.btnv2.btnv2.active
      {
         transform:translateX(40px);
        opacity: 0; 
        transition:2s ease-in-out all;
      }
      .btnv.animartexto,.btnv2.animartexto{opacity:1;transform:translateX(0px);} */







      .btnv,.btnv2 {
        display: inline-block;
        
        
        
        background: #01aa4e;
          padding: 3px 20px;
          border-radius: 0px 15px 15px 15px;
        
        
        color: #fff;
        font-size: 1rem;
        letter-spacing: 0.05rem;
        transition: all 0.3s;
        position: relative;
        overflow: hidden;
        z-index: 1;
        }
        .btnv:after,.btnv2:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #01aa4e;
        border-radius: 0px 15px 15px 15px;
        z-index: -2;
        }
        .btnv:before, .btnv2:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #96c83b;
        color:#fff;
        transition: all 0.3s;
        border-radius: 0px 15px 15px 15px;
        z-index: -1;
        }
        .btnv:hover,.btnv2:hover {
        color: #000;
        }
        .btnv:hover:before,.btnv2:hover:before {
        width: 100%;
        }
        
    














/* fin observadores carrusel */



.contimg-slider1{/*transform: rotateY(90deg);opacity:0;*/transition:1.9s ease-in-out all;}
.context-slider1.animartexto{opacity:1;transform:translateX(0px);}
.contimg-slider1.animarimagen{opacity:1;transform:rotateY(0deg);}
.boton_verde1
{
  width: fit-content;
  float: right;
  background: #01aa4e;
  padding: 3px 20px;
  border-radius: 0px 15px 15px 15px;
  color: white;
  margin-top: 15px;
/*    transform:translateX(40px);
  opacity: 0; */
  transition:2s ease-in-out all;
}
.boton_verde1.active
{
  transform:translateX(40px);
  opacity: 0;
  transition:2s ease-in-out all;
}
.boton_verde1.animarbtnslider{opacity:1;transform:translateX(0px);}

.carousel-control-prev-icon,
.carousel-control-next-icon {
height: 100px;
width: 100px;
outline: black;
background-size: 100%, 100%;
/* border-radius: 50%; */
/* border: 1px solid black; */
background-image: none!important;
}

.carousel-control-next-icon:after
{
content: '>';
font-size: 55px;
font-weight:bolder;
color: #41464b;
}

.carousel-control-prev-icon:after {
content: '<';
font-size: 55px;
color: #41464b;
font-weight:bolder;
}

.idioma{position:fixed;top:0;display: block!important;right:0px;
  padding-right: 10px;padding-top:20px;color:#00a84e;font-weight:bold;}
@keyframes myAnim {
  0%,
  100% {
	  transform: translateX(0%);
	  transform-origin: 50% 50%;
  }

  15% {
	  transform: translateX(-30px) rotate(6deg);
  }

  30% {
	  transform: translateX(15px) rotate(-6deg);
  }

  45% {
	  transform: translateX(-15px) rotate(3.6deg);
  }

  60% {
	  transform: translateX(9px) rotate(-2.4deg);
  }

  75% {
	  transform: translateX(-6px) rotate(1.2deg);
  }
}

.animakey1{animation: myAnim 2s ease-in-out 0s infinite normal forwards;}
.headerblanco{background:rgba(255,255,255,.99);/* box-shadow: 0px 6px 0px #adb5bd5c; */box-shadow: inset 0 -3em 3em rgb(0 0 0 / 2%), 0 0 0 2px rgb(255 255 255), 0.3em 0.3em 1em #6c757d61;}
.bglila{background-color:#efebf2;}
.bgverde{background-color:#00a84e;}
.bgblanco{background-color:#fff;}
.bgcifras{background-color:#fafcf4;}
.text-justify{text-align:justify;}

.subtitulo_portafolio1,.subtitulo_portafolio2,.subtitulo_portafolio3
{
font-size:1.3em;
 font-weight:bold;
}
.tcolor_farma{color:#2ebc82;}
.tcolor_cosmet{color:#51216d;}
.tcolor_otros{color:#a5c74a;}

.tsize-newslett{font-size:1.2em;}
.tsize2-newslett{font-size:1.4em;letter-spacing: 5px;}
.tsize3-newslett{font-size:1em;line-height:1;}
.txtcifra1{font-size:3.5em;color:#51206d;font-weight:bold;}
.txtcifra2{font-size:1;color:#51206d;line-height:1;}

.subrayatiti{/* text-decoration-line: underline;text-decoration-color:#bba9c6; */}
.animaportafolioini,.animaportafolioini2,.animaportafolioini3{ transition:1s ease-in-out all;	transform: scale(0.98);opacity: .6;}
.animaportafolio{animation: myAnimPortafolio 1s ease 0s 1 normal forwards;}
.animaportafolio2{animation: myAnimPortafolio2 1s ease 0s 1 normal forwards;}
/* .animaportafolio:hover,.animaportafolioini:hover{animation: myAnimPortafoliobtn 1s ease 0s 1 normal forwards;cursor:pointer;} */
.btnroll{transition:.7s ease-in-out all;	transform: scale(1);opacity:1;}
.btnroll:hover{border:0px solid;cursor:pointer;	transform: scale(.85);opacity: .9;}

/*submenu*/

.sub-menu{
  background-color: rgba(255, 255, 255, 0.952);
  padding-bottom:15px!important;
  border-radius: 0 0 15px 0;z-index:9929;
  border-bottom:4px solid #97c93b1a;;
  border-right:4px solid #97c93b1a;;
  border-left:4px solid #97c93b1a;;
  width: fit-content;

}
#main-nav      {
 /*  height: 30px; */ /* configura a la altura que desea para su menú */
  margin: 0 0 10px; /* darle un poco de espacio*/
  z-index:9909;
}
#main-nav ul   {
  margin: 0; padding: 0; }
#main-nav li   {
  display: block;
  float: left;
  line-height: 30px; /* Esto ha de ser igual 
al #main-nav height */
  height: 30px; /* Esto ha de ser igual 
al #main-nav height */
  margin: 0; padding: 0; /* only needed 
if you don't have a reset */
  position: relative; /* esto es necesario 
con el fin de posicionar los submenús */
}
#main-nav li a {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  white-space: nowrap;
}

#main-nav .current_page_item a{
  color: #5fa855;
  background: #97c93b1a; 
   font-weight: bold;
}
#main-nav .current-menu-item a{
   color: #5fa855;
   background: #97c93b1a; 
   font-weight: bold;
   border-bottom: 2px solid #5fa855;

}

#main-nav a {
   transition:.5s ease-in-out all;
}


#main-nav 
a:hover {
  background: #97c93b3d; 
  color:rgb(0, 0, 0);
  border-bottom: 0px!important;
  border-radius: 0 0px 10px 0;
  }

#main-nav ul ul { /* esto va dirigido a todos los submenús */
  display: none; /* ocultar todos los submenús de la vista */
  position: absolute;
  top: 30px; /* esto debe ser la misma altura que el menú de 
nivel superior - height + padding + borders */
}
#main-nav ul ul li { /* esto va dirigido a todos los submenús */
  float: none; /* sobreescribir menu hasta arriba */
  /* width: 150px; */ /* establece el ancho que desea para sus 
submenús. Esto debe coincidir con el valor que pusimos abajo */
}
#main-nav ul ul li a {
  padding: 5px 10px; /* dar a nuestros enlaces del submenú 
un bonito boton */
}
#main-nav ul li:hover > ul {
  display: block; /* mostrar submenú cuando el ratón pase 
por encima del menú principal */
}
#main-nav ul ul li ul {
   left: 150px;  /*  esto debe coincidir con el ancho del menú 
de arriba -- width + padding + borders */
  top: 0; /* esto asegura que el submenú comience 
en consonancia con el menú superior */
}
/*_submenu*/

@keyframes myAnimPortafolio {
  0% {
	  transform: scale(0.9);
  opacity: .4;
  }

  100% {
	  transform: scale(1);
  opacity: 1;
  }
}

@keyframes myAnimPortafolio2 {
  0% {
	  transform: scale(1);
  opacity: 1;
  }

  100% {
	  transform: scale(0.99);
  opacity: .6;
  }
}

@keyframes myAnimPortafoliobtn {
  0% {
	  transform: scale(1);
  opacity: 1;
  }

  50% {
	  transform: scale(0.99);
  opacity: .7;
  }
100% {
	  transform: scale(1);
  opacity: 1;
  }
}

@keyframes myAnimPortafoliobtn2 {
  0% {
	  transform: scale(1);
  opacity: 1;
  }

  50% {
	  transform: scale(0.99);
  opacity: .99;
  }
100% {
	  transform: scale(1);
  opacity: 1;
  }
}
 /*  .carousel-item{background-attachment: fixed!important;}  */


#navbarNavDropdown {
  justify-content: center !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
  margin-top: 10px; }




 
/* @media (min-width: 992px) {
  #navbarNavDropdown {
    justify-content: center !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    margin-top: 10px; }
   }
 */
 .container-carrucel{
  width:60%;
  padding-top:60px;
}
@media (max-width: 350px) {
  .wp-block-cover, .wp-block-cover-image{align-items: normal!important;}
  .navbar-brand-wp img{width:104px!important;}
  .navbar-brand img{width:144px!important;}
  .container-carrucel{
    width:60%;
    padding-top:100px!important;
  }
  #navbarNavDropdown {
    justify-content: center !important;
    background-color: rgba(255, 255, 255, 0.97)!important;
    margin-top: 10px;
    position: fixed;
    top: 50px;
    right: 23px;
    z-index:888;
   }

  }
  
  @media (max-width: 992px) {
  .container-carrucel{
    width:90%;
    padding-top:0px;
  }
    .titulo_carrucel1, .titulo1
  {
   
    font-size:1.5em;
    font-weight:bold;
    line-height:1;
    color:#000!important;
  }
  #navbarNavDropdown {
    justify-content: center !important;
    background-color: rgba(255, 255, 255, 0.97) !important;
    margin-top: 10px;position: fixed;
    top: 50px;
    right: 23px; }
  .carousel-inner.carru2 .carousel-item.carru2 > div {
	  display: none;
  }
  .carousel-inner.carru2 .carousel-item.carru2 > div:first-child {
	  display: block;
  }
}

.carousel-inner.carru2 .carousel-item.carru2.active,
.carousel-inner.carru2 .carousel-item-next,
.carousel-inner.carru2 .carousel-item-prev {
  display: flex;
}


.homeicon {
  background-image: url(https://proenfar.com/dev2023/wp-content/themes/genesis-sample/public/img/icn-buscar.png);
  background-repeat: no-repeat;
  background-position: left;
  margin-left: 16px!important;
  width: 20px;
  color: #fff!important;
} 

@media (max-width: 420px) {
  .wp-block-cover, .wp-block-cover-image{align-items: normal!important;}
  .container-carrucel{
    width:70%;
    padding-top:100px!important;
  }
  .titulo_carrucel1, .titulo1
  {
   
    font-size:1.5em;
    font-weight:bold;
    line-height:1;
    color:#000!important;
  }
  .navbar-brand-wp img{width:104px!important;}
  .navbar-brand img{width:144px!important;}
}


.containerfluid{transition:2.8s ease-in-out all;}
.fijar {
position: fixed; transition:2.8s ease-in-out all;transform:translateY(0px);}



#obs_noticias_img img{transition:2.8s ease-in-out all;transform: scale(0.8);}
#obs_noticias_img.scaleimg img{transform: scale(1);}

#obs_gestion_img img{transition:2.8s ease-in-out all;transform: scale(0.8);}
#obs_gestion_img.scaleimg img{transform: scale(1);}





.bgvideo{background-color: #c7c7c7;padding:0;}

/*# sourceMappingURL=atr-public.css.map */