@charset "UTF-8";
/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */


/*--------------------------------------------------------------------------------- Estilos CendisTheme estandares -------------------------------------------------------- */
/* -------------------------  Estandar de tipografias y tamanos de fuentes -------------------------  */




h6, .h6{
  font-family: inherit;
  font-weight: bold;
  color: var(--AzulCendis);
  font-size: 1.2rem;
}




/* -------------------------  Estandar de imagenes -------------------------  */

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


/* !!!!!!!!!!!!!!!!!!!!!!!!!  Termina Estandar de imagenes !!!!!!!!!!!!!!!!!!!!!!!!!  */

/* !!!!!!!!!!!!!!!!!!!!!!!!!  Termina Estandar de tipografias y tamanos de fuentes !!!!!!!!!!!!!!!!!!!!!!!!!  */

/* Logo header y footer */
.LogoCendisHeaderandFooter{
  max-width: 275px;
  object-fit: contain;
  width: 100%;
}


/* Espaciado en mobile */
@media  (max-width:576px){
  img#LogoFooter{
    margin-top:22px ;
    margin-left: 0;
    width: 167px;
  }
}



/* Todos los h5 dentro de un enlace en estado hover */
a:hover h5{
  color: var(--AzulCendis);
  text-decoration: underline;
  text-decoration-color: var(--AzulCendis);

}

a:hover h4{
  color: var(--AzulCendis);
  text-decoration: underline;
  text-decoration-color: var(--AzulCendis);

}


a {
  /*color: #5C5C5C;*/
  /*font-size: 20px;*/
  font-size: 1.25rem;
  font-family: 'Karla';
  color: #000;
  text-decoration: none;
 
}
a:hover {
  color: #0a58ca;
}


.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef00;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #139f8800;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

/* -------------------------            Estandares de banners              -------------------------  */


.BannerPrincipal{
  --bs-gutter-x: 0;

}

.Sec1Banner{
  background: linear-gradient(180deg,rgb(255,255,255) 0%,rgb(242,242,242) 100%);
  border-radius: 0px 0px 0px 8px;

}

.Sec1Banner h1, .Sec1Banner p{
  color: var(--AzulCendis) !important;

}

.ImagenBannerGeneral{
  border-radius: 0px 0px 8px 0px;

}

.Sec1Banner h1{

  line-height: 1em;
  font-size: 4.2rem;
}

.Sec1Banner p{
  font-size: 125%;

}


@media (min-width: 577px){
  .BannerGeneral {
      padding-right: 3.875rem !important;
      padding-left: 3.875rem !important;
  }
}

@media (max-width: 576px){
  .BannerGeneral {
      padding-right: 2.875rem !important;
      padding-left: 2.875rem !important;
  }
}


/* !!!!!!!!!!!!!!!!!!!!!!!!!  Terminan estándares de banners !!!!!!!!!!!!!!!!!!!!!!!!!  */

/* -------------------     Estandares Contenedor General y contenedores de informacion   --------------------  */

div#SecBienestar h1, div#SecBienestar p{
  color: #f0f0f0 ;

}

.ContCompletoCurvo{
  border-radius: 8px 8px 8px 8px;

}

.CurvoDerech {
  border-radius: 0px 8px 8px 0px !important; 
}

/* Mobile */

.ContenidoGeneral{
  color: black;
  /*padding-top: 5rem;*/
  padding-bottom: 2rem;
}







  .ColumnaTexto {
    padding: 39px 39px 39px 39px;
   
  }

  .ColumnaTexto.banner {
    padding: 0px 39px 39px 39px;
}

  /* Border curvos */
  .ContenedorTexto{
    border-radius: 8px 8px 0px 0px;

  }


  #SecBienestar{
    border-radius: 0px 0px 8px 8px;

  }


  .ImgBordeIzq, .BordeSuperior{
    border-radius: 8px 8px 0px 0px;

  }

  .ImgBordeDer,.BordeInferior{
    border-radius: 0px 0px 8px 8px;
  }

  .CardCategoria {
    width: 100% !important;
    height: 55px;
  }

  .CardProducto {
    width: 100% !important;
  }





/* Mobile  termina */


@media(min-width: 992px)  {
  .ContenidoGeneral {
    width: 92%;
    margin: 0 auto;
    margin-top: 6rem;
    min-height: 50vh;
  }

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

  .ColumnaTexto{
    width: 80%;
  }

  .Sec1Banner .ColumnaTexto{
    width: 85%;
  }


  .ContenedorContenido.denuncias {
    margin-bottom: 0% !important;
  }

  .ContenedorContenido#informativo{
    min-height: 23rem;
  }

  #SecBienestar{
    border-radius: 0px 8px 8px 0px;

  }

  .ContenedorTexto{
    border-radius: 8px 0px 0px 8px;

  }



  /* Bordes curvos */
  .ImgBordeIzq{
    border-radius: 8px 0px 0px 8px;

  }

  .ImgBordeDer{
    border-radius: 0px 8px 8px 0px;
  }

  .BordeSuperior{
    border-radius: 8px 8px 0px 0px;
  }

  .BordeInferior{
    border-radius: 0px 0px 8px 8px;
    
  }


  /* Seccion cajas categorias */
  .CardCategoria, .CardProducto{
    width: calc(20% - 1.875rem) !important;
    
  }



  .CardCategoria {
    height: 64px;
  }



  .CardCategoria p{
    max-width: 210px !important;
    text-align: center;

  }

}




.grecaptcha-badge {
  display: none ;
  bottom: 100px !important;
}


/* !!!!!!!!!!!!!!!!!!  Terminan Estandares Contenedor General y contenedores de informacion  !!!!!!!!!!!!!!!!  */


/* -------------------------     Estandares de conteendores con bordes curvos       -------------------------  */


/* !!!!!!!!!!!!!!!!!!!!!!!!!  Estandares de bordes curvos !!!!!!!!!!!!!!!!!!!!!!!!!  */


/* -------------------------                Estandares de Botones y formularios                    -------------------------  */



#HableConNosotros input[type=email] {
  margin-right: 15px;
}

/* Tamaño botones e inputs */

form input, form select, textarea{
  /* margin-bottom: 20px ; */
}

.registro_pasos form input, 
form select, 
textarea, 
label#masculino, 
label#femenino,
label#masculino_revision,
label#femenino_revision,
label#femenino_1,
label#masculino_1,
label#femenino_2,
label#masculino_2,
label#femenino_3,
label#masculino_3,
label#femenino_4,
label#masculino_4,
label#femenino_5, 
label#masculino_5{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}




input, textarea, select{
  width: 100%;
  /* display: block; */
  border: 1px solid #ced4da;
  /* padding: 0.688rem 1.15rem 0.688rem 1.125rem; */
  color: #212529;
  font-size: 1rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input:focus, textarea:focus, select:focus{
  outline: none;
  border: 2px solid #ced4da !important;

}


textarea{
  height: 200px ;
}



button{
  border: none;
  font-size: 20px ;
  line-height: normal;
}


button:focus{
  border: none;
}

button:focus,input:focus,textarea:focus{
  box-shadow: none ;
}

.stilo_texto_bajo_contra{
  color: gray;
  font-size: 18px;
}






/* Formulario de busqueda*/

  .BannerPrincipal .BuscadorPersonalizado{
  margin-top: 10px;

  }

  

.BuscadorPersonalizado{
  position: relative;  
  }

  .BuscadorPersonalizado input{
    margin-top: 0 !important;
    margin-bottom: 0 !important; 
    text-indent: 18px;
    border: 2px solid #d6d4d4;
    padding-right: 71px;
    padding-left: 2px;
  }


  .BuscadorPersonalizado .fa-search{
   top: 15px;
  }

  .BuscadorPersonalizado button{
   position: absolute;
   top: 5px;
   right: 9px;
   height: 47px;
   width: 57px !important;
   border: none;
   padding: 0px;
   margin-top: 0 ;
   background-color: #d6d4d400;
  }

  .BuscadorPersonalizado button:focus{
    border: none;
    border-color: none;
   }

  .TituloBusqueda {
    display: flex;
    align-items: baseline;
  }


   .btn-telefono{
    background-color: #ffc629 ;
    color: #000 ;

  }

/* Formulario newsletter de incio */
  form#FormNewsLetter {
    margin-top: 20px;
    margin-bottom: 20px;
  }

/* Inicio de todos los forms wp7 */
  div.wpcf7 {
    margin-top: 20px;
  }

    
/* Botones de contacto */


  @media (max-width:465px) {
    .btn{
      margin-top: 10px;
      width: 100% !important;
    }    
  }


  .BotonesContacto{
    margin-top: 20px;
    line-height: 20px;
  }

  .btn-whatsapp{
    background-color: #5BCC8A;

    color: #f0f0f0 ;
    box-shadow: none ;
    

  }
  
  
  .btn-telefono, .btn-whatsapp{
    width: 179px;
    height: 54px;
    font-size: 17px !important;
    margin-right: 10px;
   
  }


/* Botones azules de formularios */
  .btnEnviar{
    background-color:var(--AzulCendis);
    color: white;
    border: none;
    width: 100%;
    
  }

  input[type=submit]{
    background-color:var(--AzulCendis);
    color: white;
    border: none;
    width: 100%;
  }




 



  






/* !!!!!!!!!!!!!!!!!!!!!!!!!  Terminan estándares de botones !!!!!!!!!!!!!!!!!!!!!!!!!  */



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Terminan Estilos CendisTheme estandares !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */





/* Todos los enlaces en estado hover dentro de una clase CENDISTheme */
.CENDISTheme a:hover {
  color: #091e61;
  text-decoration: underline;
  text-decoration-color: #091e61;
  
}






/*----------------------------------- HEADER -------------------------------------------- */




.navbar-light .navbar-brand {
  color: #0a0a0a;
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: #0a0a0a;
}
.navbar-light .navbar-nav .nav-link {
  color: #0a0a0a;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: var(--AzulCendis);
  text-decoration: underline;
  text-decoration-color: var(--AzulCendis);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: #0a0a0a;
}

.headerCendisTheme.CENDISTheme {
  border-top: 0.25rem solid var(--AzulCendis);

}

.colorLineasMenuResponsive{
  color: #ffffff;
}


.headerCendisTheme{
  background-color: #ffffff !important;

}



.CusPortafolio p, a.CusPortafolio, .CusPortafolio h5 {
  color: #000 ; 
  font-size: 14px ;
  font-family: inherit;
  text-decoration: underline ;

}

/*----------------------------------- Footer -----------------------------------*/


.rowprincipal{
  min-height: 565px;
  padding-top: 72px;
  padding-bottom: 72px;

}

@media (max-width:576px) {
  .rowprincipal {
    padding-left: 33px;
    padding-right: 33px;
  }
  
}



.FooterCENDISTheme h3{
  font-size: 27.648px;
}


.FooterCENDISTheme{
  background-color: #f3f3f3;
  font-size: 85%;
}

.FooterCENDISTheme li, .FooterCENDISTheme h3{
  margin-bottom: 20px;
}




.FilaSecundaria{
  height: 176.39px;
  background-color: #001e61 !important;
  color: #ffffff;
  padding-left: 3.6%;
  padding-right: 3.6%;

}


@media (min-width:576px) {
  .FooterCENDISTheme hr{
    visibility: hidden;
  }
}



.FilaSecundaria{
  justify-content: space-between;
  align-items: center;
}



.ColRedes{
  display: flex;
  justify-content: end;
  gap: 1.3rem;
  font-size: 30px;
}

@media (max-width:576px) {
  .ColRedes{
    justify-content: center;
  }
}

.ColRedes a{
  color: white;
  
}

.ColRedes a:hover{
  color: var(--bs-yellow);
  
}



/* -------------------------------------------------- ESTILOS MEGAMENU PERSONALIZADO -------------------------------------------------------*/
/* --------------------------------- Color y tamaño de contenedor general -------------------------------------------*/

.dropdown-menu.MegaMenuPersonalizado.show li, .MegaMenuPersonalizado.show p{
  font-size: 0.8em;
}

.dropdown-menu.MegaMenuPersonalizado.show{
  padding:0px;
}


.MegaMenuPersonalizado li{
  margin-bottom: 7.5px;
}

.PortafolioCol h5{
  line-height: 3rem;
}

.PortafolioCol.PortCustCol1{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-right: 1rem;
  padding-left: 1rem;
  background-color: var(--yellow);
}



img.img-fluid.ImagenHeader{
  max-height: 250px;
}

/* --------------------------------- Portafolio -------------------------------------------*/
.ContenedorPersonalizadoPortafolio{
  height: 254px;
}

.ColPersonalizadaPortafolio {

  background-color: #FFC629;
  height: 254px;

}

.CardsPortafolio {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;

} 


/* ============ MEGA MENU============ */


/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .MegaMenuPersonalizado{left:0; right:0; width:100%; margin-top:0; }
  

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 100vh;
      margin-top:10px;
  }
}

.MegamenuPortafolio{
  
  align-content: center;
}

.col-9.row.g-0.ColsCategorias{
  padding-left:  2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  background-color: #f4f4f4;
}

/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Estilos de Mega Menu !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.PortafolioCol{
  display: flex;
  flex-direction: column;
}

.PortCustCol2{
 justify-content: end;
 background-color: #f4f4f4;
}

.MegamenuAcerca .PortCustCol2{
  justify-content: center;

}

/*-------------------------------------------------------------------- Pagina Home/Inicio ------------------------------------------------------------------------------ */





  /* -------------------------                Seccion 2 Slider                   -------------------------  */


    .Sec2Slider {
      margin-top: 100px;
      margin-bottom: 100px;
    }
    img.img-cover.imagen-slider {
      width: 82%;      
    }


    .Contenedor-img-slider {
      display: flex !important;
      justify-content: center;
    }

    @media (max-width:1400px) {
      .container-fluid.Sec2Slider{
        padding-left: 10%;
        padding-right: 10%;
      }

    }

    @media (min-width:1401px) {
      .container-fluid.Sec2Slider{
        padding-left: 2.5%;
        padding-right: 2.5%;
      }
      
      }


    .Sec2Slider img{
      filter: saturate(0);
      
    }

    .Sec2Slider img:hover{
      filter: none;
      transition: all 0.8s ease-out;

    }

    button.fa.fa-angle-left {
      right: 100%;

    }

    button.fa.fa-angle-right,button.fa.fa-angle-left{
      font-size: 31px;
      line-height: 0;
      position: absolute;
      top: 45%;
      display: block;
      width: 32px;
      height: 30px;
      padding: 0;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      color: var(--AzulCendis);
      border: none;
      background: transparent
      /* transform: translate(0, -50%); */
      /* cursor: pointer; */
      /* outline: none; */

    }

    button.fa.fa-angle-right {
      left: 100%;

    }





    div#SecBienestar {
      background-color: var(--AzulCendis) ;
    }

    div#SecNosotros {
      background-color: var(--bs-yellow) ;
    }





  /* !!!!!!!!!!!!!!!!!!!!!!!!!  Termina seccion 2 !!!!!!!!!!!!!!!!!!!!!!!!!  */


/* -------------------------        Seccion cards categoria y productos          -------------------------  */


.CardCategoria{
  align-items: center;
}

  h1.product_title.entry-title,span.posted_in,.product_meta_FabricanteMarca.info.producto-individual p,nav.woocommerce-breadcrumb,h1.woocommerce-products-header__title.page-title,p.woocommerce-result-count{
    color: #000000;
  }

  h1.product_title.entry-title {
    font-size: 48px;
    margin-bottom: 15px;
  }
  
  nav.woocommerce-breadcrumb, nav.woocommerce-breadcrumb a {
    font-size: 1.25rem;
  }



.CardCategoria{
  display: flex;
  justify-content: center;
  border-radius: 10px; 
  background-color: #f6f6f6;
  color: #0a0a0a;
  

}

.CardProducto {
  height: 140px;
  display: flex;
  flex-wrap: wrap;
  align-content:start;
  padding: 18px !important;
  background-color: #f6f6f6;
  border-radius: 10px;

}



@media (max-width:991px) {
  .TituloCardProducto{
    height: 23px;
  }
  
  .TituloCardProducto h4{
    
    -webkit-line-clamp: 1;
  }

  .SubCardProducto{
    padding-right: 20px;
  }

}


@media (min-width:992px) {
  .TituloCardProducto{
    height: 50px;
    margin-bottom: 10px;
  }

}


.TituloCardProducto{
 
  overflow: hidden;
}


.TituloCardProducto h4{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.SubCardProducto{
  font-size: 16px;
}

.SubCardProducto p {
  margin-right: 3px;
  margin-left: 3px;
  color: #A5A5A5;
}












/* !!!!!!!!!!!!!!!!!!!  Termina seccion cards de categoria y productos !!!!!!!!!!!!!!!!!!!!!!!  */


/* -------------------------      Seccion 8 Nosotros                    -------------------------  */
.Sec8Nosotros{
  background-color: var(--bs-yellow);

}

/* !!!!!!!!!!!!!!!!!!!!!!!!!  Termina seccion 8 Nosotros !!!!!!!!!!!!!!!!!!!!!!!!!  */





/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Pagina Home/Inicio  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/



/*-------------------------------------------------------------------- Pagina Acerca ------------------------------------------------------------------------------ */

/* Estilos generales */



.VistaAcerca h4#TituloCol{
  color: var(--AzulCendis);
 
}


.VistaAcerca .Sec1Banner{
  margin-bottom: 153.6px;
}

.ColImagen{
  position: relative;
}

.VistaAcerca .ContenedorAcercaCards{
  display: flex;

}



.CardsContainer {
  display: flex;
  gap: 2%;
}


.ColumnaTextoAcerca {
  padding: 28px;
}




@media (max-width:991px) {
  .VistaAcerca .CardsContainer{
    flex-wrap: wrap;

  }
  .VistaAcerca .CardAcerca{
    width: 100%;
    margin-bottom: 50px;
  }

  .ColumnaTextoAcerca {
    height: 45%;
  }
  .ColumnaImagen {
    height: 55%;
  }
}


@media (min-width:992px) {

  .VistaAcerca .CardAcerca{
    width: 31.4% ;

  }

  .ColumnaTextoAcerca {
    height: 37%;
  }
  .ColumnaImagen {
    height: 63%;
  }
}




.VistaAcerca .ContenedorAcercaCards{
  gap: 1.8em;
}

.VistaAcerca .CardAcerca{
  background-color: var(--AzulCendis)
}

.CardAcerca{
  border-radius: 10px;
}




.CardAcerca, .CardAcerca h3 {
  color: white ;
}

.CardAcerca a {
  color: white ;
  text-decoration: underline;
}
.CardAcerca a:hover {
  color: var(--yellow) ;
}






@media (min-width:466px) {
  .VistaAcerca .BotonesAcerca{
    display: flex;
    justify-content: center;
    margin-top: 60px;
  } 

  .VistaDenuncias .BotonesAcerca{
    display: flex;
    justify-content: center;

  } 
}

.VistaAcerca .BotonesAcerca{
  margin-top: 40px;
} 

.btn.btn-Etica, .btn.btn-Soborno{
  background-color: var(--AzulCendis);
  color: white;
  margin-right: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.btn.btn-Etica:hover, .btn.btn-Soborno:hover{
  background-color: var(--AzulCendis);
  color: white;
  margin-right: 10px;
}

.play-video {
  position: absolute;
  bottom: 2.555rem;
  right: 1.222rem;
  height: 3.222rem;
  width: 3.222rem;
  border: 4px solid white;
  border-radius: 50%;
  text-decoration: none;
  z-index: 10;

}

.play-video::after {
  content: ' ';
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(calc(-50% + 0.35rem), -50%);
  border: 4px solid white;
  border-width: 0.75rem 0 0.75rem 1.15rem;
  border-color: transparent white;
}

.cendis--banner-video > .cell:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  z-index: 0;

}

.pointer{
  cursor:pointer;
}


/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Estilos Acerca !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/






/*-------------------------------------------------------------------- Pagina Carta del director ------------------------------------------------------------------------------ */


.ConTextoCarta{
  width: 75%;
  margin-left: 12%;
}

.TextoAmarillo{
  color: var(--bs-yellow);
}

.TextoCentro{
  text-align: center;
}

@media(max-width: 900px){
  .ConTextoCarta{
    width: 85%;
    margin-left: 8%;
  }
}

@media(max-width: 638px){
  .ConTextoCarta{
    width: 100%;
    margin-left: 0px;
  }
}

.texto-carta{
  text-align: justify; 
  margin-bottom: 20px;
}

.subTituloDirector{
  font-size: 32px;
}

.tituloDirector{
  margin-top: 110px;
  font-size: 70px;
}

.MarBajo {
  margin-bottom: 100px;
  padding-top: 8rem;
}

/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Estilos Carta del director !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/



/*-------------------------------------------------------------------- Pagina Portafolio ------------------------------------------------------------------------------ */

.ContMarcas{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.Marcas{
	width: 15%;
  height: auto;	
  margin: auto;
}

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

.CardRespiratorio{
  height: auto;
  align-items: flex-start;
}

.Textofinal{
  color: #000;
  font-size: 18px;
}

.BIMarcas{
  border-left: 1px solid #adb5bd;
}

.MarListMarcas{
margin-bottom: 55px;
}

@media(min-width: 900px){
  #columnas_tres {
    column-count:3;
    column-gap:20px;
    column-rule:1px double gray;
    list-style: none;
  }
}

@media(max-width: 900px){


  #columnas_tres {
    column-count:3;
    column-gap:20px;
    column-rule:1px double gray;
    list-style: none;
  }
}

@media(max-width: 618px){


  #columnas_tres {
    column-count:2;
    column-gap:20px;
    column-rule:1px double gray;
    list-style: none;
  }

}

@media(max-width: 400px){
  .Marcas{
    width: 50%;
  }

  .tamImagen{
    width: 100%;
  }

  #columnas_tres {
    column-count:1;
    column-gap:20px;
    column-rule:1px double gray;
    list-style: none;
  }

}

.LetrNegrita{
  color: #000;
}

#margenbajosup{
  margin-bottom: 10px;
}


/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Estilos Portafolio !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/



/*-------------------------------------------------------------------- Pagina Curriculum ------------------------------------------------------------------------------ */

.SinEstilos {
  margin-top: 20px;
}

.SinEstilos input{
  border-radius: 1px;
  border-color:  white ;
  width: auto;
}

.SinEstilos input:focus {
  background-color: white;
  border-color: white;
  border: none;
}

.ContSinEstilo{
  align-self:flex-start;
  padding-right: 30px;
}

.imagenSubir{
  padding-left: 30px;
}

.EnviarCurriculum{
  margin-top: 100px;
}

.SinEstilos > input:focus{
  border: 0px solid rgb(0, 0, 0) !important;
}

/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Estilos Curriculum !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*-------------------------------------------------------------------- denuncias ------------------------------------------------------------------------------ */



.BotonesAcerca .VistaAcerca{
  margin-top: 0;
}




/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Estilos Carta del director !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*-------------------------------------------------------------------- Pagina cuarto frio  ------------------------------------------------------------------------------ */

  .GaleriaCuartoFrio {
    margin-bottom: 151.913px;
  
    overflow: hidden;
  }

  .ImgGaleriCuartoFrio{
    max-height: 420px;
  }
 


/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Termina cuarto frio !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*-------------------------------------------------------------------- Pagina proveedores ------------------------------------------------------------------------------ */

.VistaProveedor {
  margin-top: 100px;
}

/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Proveedores !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*-------------------------------------------------------------------- Pagina Categorias ------------------------------------------------------------------------------ */

.CardsPortafolio.VistaCategorias{
  justify-content: start;
  padding-top: 2rem;
} 

/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Categorias !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/*-------------------------------------------------------------------- Seccion Estilos Woocommerce ------------------------------------------------------------------------------ */
  


    /* Vista general de productos*/
      /* Contenedor todos los productos*/
        /* ul.products.columns-4 {
          padding: 0;
          display: flex;
          flex-wrap: wrap;
        } */
        
        /* li.product.type-product {
          width: 16%;
        } */



    /*------------------ Producto Individual -------------*/


      /*------------------ WC Sobre escrito -------------*/
/* 
        #content div.product div.images, div.product div.images, #content div.product div.images, div.product div.images {
          width:38%;
        } */

        @media(max-width: 900px){

          #content div.product div.images, div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
            float: left;
            width: 100%;
          }
        } 




        div.product div.images img {
          display: block;
          width: 100%;
          height: auto;
          box-shadow: none;
        }

        div.product div.images.woocommerce-product-gallery{
          position: relative;
        }
        
        div.product div.images .woocommerce-product-gallery__trigger {
          position: absolute;
          top: 0.5em;
          right: 0.5em;
          font-size: 2em;
          z-index: 9;
          width: 36px;
          height: 36px;
          background: #fff;
          text-indent: -9999px;
          border-radius: 100%;
          box-sizing: content-box;
        }

        div.product div.images .woocommerce-product-gallery__trigger::before {
          content: "";
          display: block;
          width: 10px;
          height: 10px;
          border: 2px solid #000;
          border-radius: 100%;
          position: absolute;
          top: 9px;
          left: 9px;
          box-sizing: content-box;
        }

        div.product div.images .woocommerce-product-gallery__trigger::after {
        content: "";
        display: block;
        width: 2px;
        height: 8px;
        background: #000;
        border-radius: 6px;
        position: absolute;
        top: 19px;
        left: 22px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        box-sizing: content-box;
        }



        #content div.product div.summary, div.product div.summary, #content div.product div.summary, div.product div.summary {
          width: 100%;
          /*padding-left: 5%;*/
          clear: none;
          margin: auto;
        }

        #content div.product .woocommerce-tabs, div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
          clear: both;
        } 

        div.product .woocommerce-tabs ul.tabs {
          list-style: none;
          padding: 0 0 0 1em;
          margin: 0 0 1.618em;
          overflow: hidden;
          position: relative;
        }

        div.product .woocommerce-tabs ul.tabs li {
          border: 1px solid #d3ced2;
          background-color: #ebe9eb;
          display: inline-block;
          position: relative;
          z-index: 0;
          border-radius: 4px 4px 0 0;
          margin: 0 -5px;
          padding: 0 1em;
        }

        div.product .woocommerce-tabs ul.tabs::before {
          position: absolute;
          content: " ";
          width: 100%;
          bottom: 0;
          left: 0;
          border-bottom: 1px solid #d3ced2;
          z-index: 1;
        }

        div.product .woocommerce-tabs ul.tabs li a {
          display: inline-block;
          padding: 0.5em 0;
          font-weight: 700;
          color: #515151;
          text-decoration: none;
        }

        div.product .woocommerce-tabs ul.tabs li.active {
          background: #fff;
          z-index: 2;
          border-bottom-color: #fff;
        }

        .products ul, ul.products {
          margin: 0 0 1em;
          padding: 0;
          list-style: none outside;
          clear: both;
          display: flex;
            flex-wrap: wrap;
          gap: 5%;
        }


        .ul.products.columns-4 .products ul, ul.products {
          margin: 0 0 1em;
          padding: 0;
          list-style: none outside;
          clear: both;
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
        }
  
      /*------------------ Termina WC Sobre escrito -------------*/



        .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
          float: left;
          width: 38%;
        }

        @media(max-width: 900px){

          .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
            float: left;
            width: 100%;
          }
        } 

        img.zoomImg {
          width: 1000px !important;
          height: 1000px !important;
          background-color: white;
        }

        /* Galeria */

        div.product div.images .flex-control-thumbs {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin: 0;
          padding: 0;
        }

        div.product div.images .flex-control-thumbs li {
          /*width: 100%;*/
          float: left;
          margin: 0;
          list-style: none;
          display: grid;
          align-items: center;
          border-radius: 7px;
        }

        .flex-viewport {
          border-radius: 7px;
          height: auto !important;
          border: 1px solid #f2f2f2;
          margin-bottom: 5%;
          display: grid;
          align-items: center;
        }





    /*------------------------------ Terminan Producto Individual ---------------------------------*/
      



  /*------------------ Vista general  (categorias, fabricantes y marcas)-------------*/

    
    /*------------------ WC Sobre escrito -------------*/

      form.woocommerce-ordering{
        float: right;
      }
  
      @media(min-width: 992px) and (max-width: 1400px){
        ul.products li.product{
          width: 285px !important;
          margin-bottom: 85px;
        }
  
      }

      

      ul.products li.product .button {
        /*margin-top: 10px;*/
        height: 100%;
        padding: 0;
        display: none;
      }

      #respond input#submit, a.button, button.button, input.button {
        font-size: 14px;
        margin: 0;
        line-height: 1;
        cursor: pointer;
        position: relative;
        text-decoration: none;
        overflow: visible;
        padding: 0.618em 1em;
        font-weight: 700;
        left: auto;
        color: white;
        background-color: #001e61;
        border: 0;
        display: inline-block;
        background-image: none;
        box-shadow: none;
        text-shadow: none;
        display: flex;
        justify-content: center;
      }

      nav.woocommerce-pagination {
        text-align: center;
      }

      nav.woocommerce-pagination ul {
        display: flex;
        justify-content: center;
        white-space: nowrap;
        padding: 0;
        clear: both;
        border: 1px solid #d3ced2;
        border-right: 0;
        margin: 1px;
      }

      nav.woocommerce-pagination ul li {
      border-right: 1px solid #d3ced2;
      padding: 0;
      margin: 0;
      float: left;
      display: inline;
      overflow: hidden;
      }

      nav.woocommerce-pagination ul li a, nav.woocommerce-pagination ul li span {
        margin: 0;
        text-decoration: none;
        padding: 0;
        line-height: 1;
        font-size: 1em;
        font-weight: 400;
        padding: 0.5em;
        min-width: 1em;
        display: block;
      }

      ul.products.columns-5 {
        margin: 0 0 1em;
        padding: 0;
        list-style: none outside;
        clear: both;
        display: grid;
        justify-content: start;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 21px;
        justify-content: space-between;
      }

      .woocommerce #respond input#submit,.woocommerce a.button,.woocommerce input.button{
        font-size:14px;
        margin:0;
        line-height:1;
        cursor:pointer;
        position:relative;
        text-decoration:none;
        overflow:visible;
        padding:.618em 1em;
        font-weight:700;
        left:auto;
        color:white;
        background-color:#001e61; 
        border:0;
        display:inline-block;
        background-image:none;
        box-shadow:none;
        text-shadow:none;
        
        display: flex;
        justify-content: center;
      }

    /*------------------ Terminan estilos WC Sobre escrito -------------*/

    /* Estilos compartidos/generales wc/productos*/

      /* El estandar de los botones se comparten con toda la pagina */


    /* Terminan estilos compartidos/generales wc/productos*/


    .ContenedorProductosGeneralWc {
      display: flex;
      flex-wrap: wrap;
      gap: 1em;
      
    }

    .CajaImagenProductoGeneralWc {
      height: 250px;
    }

    .ContenedorImagenWC{
      height: 500px;
    }

    .CajaInfoProductoGeneralWc {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      overflow: hidden;
      min-height: 180px;
      max-height: 180px;
      overflow: hidden;
    }

    .CajaInfoProductoGeneralWc span{
      margin-left: 10px;
      margin-right: 10px;
      
    }

    .CajaInfoProductoGeneralWc h2{
      width: 100%;
      min-height: 100px;
      max-height: 100px;
      margin-top: 10px;
      overflow: hidden;

    }

    @media(max-width: 767px){
      .ContenedorProductoIndividualWc {
        width: 100%;
        text-align: center;
      }

    }

    @media(min-width: 768px){
      .ContenedorProductoIndividualWc {
        width: 23%;
        text-align: center;
      }

    }


    @media(max-width: 991px){
      .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 100% !important;
      }

    }

    @media(min-width: 992px){
      .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        width: 16% !important;
        margin-bottom: 85px;
      }

    }

    a.BotonCendis{
      color: white;
      background: var(--AzulCendis);
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* Contenedor Productos */

      /* h2.TituloPageWc{
        margin-top: 20px;
        font-size: 1.4vw;
        min-height: 41px;
        max-height: 41px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      } */

      .InfoMetaPageWc{
        height: 50px;
        font-size: 1.4vw;
        hyphens: auto;
        /* display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;   */
        overflow: hidden;
      }

      ul.products .product.type-product{
        position: relative;
       /* box-shadow: 0px 202px 81px rgba(0, 0, 0, 0.01), 0px 114px 68px rgba(0, 0, 0, 0.05), 0px 50px 50px rgba(0, 0, 0, 0.09), 0px 13px 28px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
        border-radius: 7px;*/
      } 

      /* Compartidos ambos contenedores*/

        .Contenedor_pre_overlay, .Contenedor_producto_woocommerce{
          /*font-size: 1vw;*/
          font-size: 20px;
          line-height: 22px;
          }

        @media (max-width: 440px)
        {
          .Contenedor_pre_overlay .Contenedor_info, .Contenedor_producto_woocommerce .Contenedor_info{
            font-size: 4vw;
            line-height: normal;
          }  
        }


        @media  (min-width: 441px) and (max-width: 540px)
        {
          .Contenedor_pre_overlay .Contenedor_info, .Contenedor_producto_woocommerce .Contenedor_info{
            font-size:3vw;
            line-height: normal;
          }  
        }

        @media (min-width: 541px) and (max-width: 992px)
        {
          .Contenedor_pre_overlay, .Contenedor_producto_woocommerce {
            font-size: 1.5vw;
            line-height: normal;
          }  
        }

      /* Termina Compartidos ambos contenedores */
      

      /* Contenedor antes de overlay */

      ul.products li.product .Contenedor_pre_overlay .Contenedor_imagen{
        background-color: #EDF1F4;
      }

        ul.products li.product .Contenedor_pre_overlay img{
          width: 100%;
          height: auto;
          display: block;
          box-shadow: none;
          object-fit: cover;
          border: 1px solid #f2f2f2;
        }

        

        .Contenedor_pre_overlay .Contenedor_info {
          display: flex;
          flex-wrap: wrap;
          padding: 7.5%;
        }



        .Contenedor_pre_overlay .Subcontenedor_titulo {
          width: 100%;
          margin-bottom: 2%;
        }

        .Contenedor_pre_overlay .Subcontenedor_titulo p, .Contenedor_producto_woocommerce .Subcontenedor_titulo p{
          font-weight: 700;
          color: #000000;
        }

        .Contenedor_pre_overlay .Subcontenedor_taxonomias a, .Contenedor_producto_woocommerce .Subcontenedor_taxonomias a{
          font-weight: 300;
          color: #000000;
        }



        .Contenedor_pre_overlay .Subcontenedor_taxonomias {
          width: 100%;
        }


      /* Termina Contenedor antes de overlay */


      /* Descomentar para que vuelva a hacer el over

      Contenedor dentro de overlay */
        .Contenedor_producto_woocommerce{
          position: absolute;
          width: 100%;
          height: 77%;
          bottom: 0;
          opacity: 0;
          transition: .5s ease;
          margin-bottom: 40%;
          background-color: #edf1f4;
          border-radius: 7px;
          display: none;
        } 

/* 
        ul.products .product.type-product:hover .Contenedor_producto_woocommerce {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          opacity: 1;
          height: 100%;
          text-align: center;
        } 

        ul.products li.product .Contenedor_producto_woocommerce .Subcontenedor_taxonomias a:hover{
          color: var(--AmarilloCendis);
        }

        ul.products li.product .Contenedor_producto_woocommerce a.button {
          background-color:#00000000;
          color: #000000;
          border: 1px solid #000000;
          width: 146px;
          height: 42px;
          font-weight: 300;
        }

        ul.products li.product .Contenedor_producto_woocommerce a.button:hover {
          background-color: var(--azulcendis);
          color: white;
          border: 1px solid white;
        }*/



      /* Termina Contenedor dentro de overlay*/




      li.product .type-product:hover{
        display: none;
      }


      img.woocommerce-placeholder .wp-post-image {
        height: 100px;
        overflow: hidden;
      }

    /* Termina Contenedor Productos */


    /* !!!!!!!!!!!! Termina Vista general  (categorias, fabricantes y marcas) !!!!!!!!!!!!*/

  /*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Woocommerce !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/






   /*------------------ Paginación -------------*/

   .nav-links {
    display: flex;
    }
    
    .pagination {
      display: flex;
      padding-left: 0;
      justify-content: center;
      list-style: none;
    }

    span.page-numbers.current {
      background: #0066B3;
      color: white;
      padding: 0.5em;
    }

    .page-numbers.current {
      background: var(--AzulCendis);
      color: white;
      padding: 0.5em;
    }

    a.page-numbers:hover {
      background: var(--AzulCendis);
      color: white;
      cursor: pointer;
    }

    a.page-numbers {
      padding: 0.5rem;
      border: 1px solid #d3ced2;
    }
  /* !!!!!!!!!!!! Termina paginación !!!!!!!!!!!!*/

  /*------------------ Vista Preguntas Frecuentes -------------*/

.contenedor-preguntas {
	grid-template-columns: 1fr;
	gap: 30px;
  width: 60%;
}

.contenedor-preguntas.activo {
	display: grid;
}

.preguntas {
  display: flex;
  justify-content: center;
  margin-top: 8%;
  margin-bottom: 8%;
}

@media (max-width: 465px)
{
  .contenedor-preguntas {
    grid-template-columns: 1fr;
    gap: 30px;
    width: 100%;
  }
}

@media (min-width: 466px) and (max-width: 992px)
{
  .contenedor-preguntas {
    grid-template-columns: 1fr;
    gap: 30px;
    width: 80%;
  }
  
}

.contenedor-pregunta {
  display: grid;
  grid-template-columns: auto 30px;

	background: #f0f0f0;
	padding: 20px;
  border-radius: 8px 8px 8px 8px; 
/* border: 2px solid transparent; */
	overflow: hidden;
	transition: .3s ease all;
	cursor: pointer;
  margin-bottom: 5px;
}

.faq h3 {
	text-decoration: underline;
}

.faq p {
	line-height: auto;
	max-height: 0;
	opacity: 0;
  padding-left: 40px;
	transition: .3s ease all;
}

.faq ul {
	line-height: auto;
	max-height: 0;
	opacity: 0;
  padding-left: 40px;
	transition: .3s ease all;
}

.contenedor-pregunta.activa.faq p {
	opacity: 1;
	margin-top: 20px;
}

.contenedor-pregunta.activa.faq ul {
	opacity: 1;
	margin-top: 20px;
}


  /*------------------ Termina Estilos Preguntas Frecuentes -------------*/

  /*------------------ Inicia Estilos varios  -------------*/

.btn_bandera {
  align-self: center;
  padding: 10px;
  margin-bottom: 10px;
}

/* Clases para sobre-escribir estilos del editor Gutenberg */
.border-editor{
  border-radius: 8px 8px 8px 8px !important;
}

.sin-margen-editor {
  margin: 0 !important;
}

.sin-espacio-editor {
  flex-basis: 0; 
  flex-grow: 2;
}

.padding-editor-cont-form{
  padding-top: 50px !important;
}

.padding-editor-form{
  padding: 50px;
}

@media (min-width: 992px)
{
  .padding-editor {
    padding-left: 50px !important;
    padding-right: 20px !important;
  }

  .padding-editor-cont {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }

  .Contenido-General-editor {
    width: 80% !important;
    margin: 0 auto !important;
  }
}

.input-mail {
  border: none !important;
  max-width: 280px;
  
}

.input-mail:focus{
  outline: none;
  border: none !important;
}

.input-mail-centrado {
  display: flex;
  justify-content: center;  
}

/* Colores Wordpress */
.has-amarillo-cendis-color,
.has-amarillo-cendis-link-color {
	color: #ffC107 ;
}

.has-amarillo-cendis-background-color{
  background-color: #ffC107 ;
}

.has-azul-cendis-color,
.has-azul-cendis-link-color {
	color: #001E61 ;
}

.has-azul-cendis-background-color{
  background-color: #001E61 ;
}

.has-verde-cendis-color,
.has-verde-cendis-link-color {
	color: #00D084 ;
}

.has-verde-cendis-background-color{
  background-color: #00D084 ;
}

.has-gris-cendis-color,
.has-gris-cendis-link-color {
	color: #F3F3F3 ;
}

.has-gris-cendis-background-color{
  background-color: #F3F3F3 ;
}

.has-gris-cendis-targetas-color,
.has-gris-cendis-targetas-link-color {
	color: #F6F6F6 ;
}

.has-gris-cendis-targetas-background-color{
background-color: #F6F6F6 ;
}

.has-negro-color,
.has-negro-link-color {
	color: #0A0A0A ;
}

.has-negro-background-color{
  background-color: #0A0A0A ;
}

.has-blanco-color,
.has-blanco-link-color {
	color: #FFFFFF ;
}

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

.padding-form-drop {
  padding-right: 5px !important;
}

/*  flecha select form  */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 12px;
}

/*  Weglot bandera  */
.weglot-flags>a:before {
  background-size: 15px 11px !important;
  height: 11px !important;
  background-repeat: no-repeat;
}


.flecha {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d='M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z'/></svg>");
  background-repeat: no-repeat;
  background-size: 17px 17px;
  margin-left: 15px;
}

.flecha-activa {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d='M352 352c-8.188 0-16.38-3.125-22.62-9.375L192 205.3l-137.4 137.4c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25C368.4 348.9 360.2 352 352 352z'/></svg>");
  background-size: 17px 17px;
}

/* ------------------------------------------------------ COOKIES -------------------- */
  #aviso-de-cookie{
    width: 100%;
    color:white;
    position:fixed;
    bottom:20px;
    visibility:hidden;
    z-index:9999999999;
  }

  #cont-cookie {
    display: grid;
    height: auto;
    padding: 30px;
    background-color: #1B2D70;
    box-sizing: border-box;
    box-shadow: 0px 14px 42px rgba(8, 15, 52, 0.06);
    border-radius: 8px;
    margin: auto;
    width: 1182px;
    position: relative
  }
  .Vector img{
    width: 100%;
    height: 100%;
  }

  /* .titulo_parrafo_cookie {
    height: 30px;
    flex-grow: 0;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-top: 8%;
    margin-bottom: 5%;
  } */

  .parrafo_cookie{
    height: auto;
    flex-grow: 0;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    padding: 0px 10px 0px 10px;
  }

  .Vector {
    display: grid;
    justify-items: end;
    position: absolute;
    top: 20px;
    right: 20px;
  }

  .Vector img {
    width: 14px;
    height: 14px;
    cursor: pointer;
  }

  .contenedor_cookies{
    text-align: left;
    display: grid;
    grid-template-columns: 3fr 1.5fr;
  }
    
  .botones-cookies {
    display: grid;
    grid-template-columns: auto auto;
    gap: 30px;
    justify-content: end;
    align-items: center;
}

  .enlaceCookies{
    color:white;
    text-decoration:underline;
  }

  .cont-btn{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .cont-btn-top{
    display: flex;
    justify-content: center;
  }

  @media screen and (min-width: 768px) {						
    .cont-btn-top{
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }


  @media screen and (max-width: 1200px) {		

    div.modal_ingreso.activar .contenedor_forms .sub_contenedor.input input, div.modal_ingreso.activar .contenedor_forms .sub_contenedor.input button {
      width: 100%;
      }

      
    #cont-cookie{
      width: 100%;
    }

    .parrafo_cookie{
      font-size: 16px;
    }

    .titulo_parrafo_cookie{
      font-size: 22px;
    }

    .titulo_parrafo_cookie {
      margin-bottom: 15px;
    }

    #aviso-de-cookie{
      width: auto;
      position:fixed;
      bottom:0px;
      visibility:hidden;
      z-index:9999999999;
      margin: 10px;
    }

  }

  #aviso-de-cookie .button{
    padding: 15px 25px;
    background: #000;
    font-family: Karla;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    border-radius: 7px;
  }

  .color_aviso_btn{
    background-color: #061f5d;
  }

  .color_aviso_btn_cerrar{
    background-color: transparent;
  }

  .cookie-icon{
    margin-right: 8px;
  }

/* ------------------------------------------------------FIN COOKIES -------------------- */

/* ------------------------------------------------------INICIO GUIAS -------------------- */

.radio_beetrack{
  width: 20px;
  height: 20px;
  align-items: center;
}

.label_beetrack{
  margin-right: 20px;
}

/* ------------------------------------------------------FIN GUIAS -------------------- */


/* ------------------------------------------------------INICIO FILTROS -------------------- */

.filtros_cont input[type="checkbox"]{
  appearance: none;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  background-color: #fff;
  width: 20px;
  height: 20px;
  border: 1px solid #888;
  transition: background-color 0.3s ease-in-out;  
  margin-top: 2px;
  margin-bottom: 10px;
}

.filtros_cont input[type="checkbox"]:checked {
  background-color: #644A9E;
}

.filtros_btn_search{
  margin-top: 20px;
}

.filtros_click_btn_search{
  width: 100%;
  background-color: #644A9E;
  color: white;
  font-family: 'Karla';
  font-size: 24.4px;
}

.ContenidoGeneralShop {
  width: 95%;
  margin: 0 auto;
  margin-top: 7vh;
}

.ContenidoGeneralShopLogueado {
  width: 95%;
  margin: 0 auto;
  margin-top: 15vh;
}

.filtros_cont{
  height: auto;
  background-color: #EDF1F4;
  padding: 20px;
  border-radius: 7px;
  margin-top: 20px;
}

.filtros_cont_t,
.filtros_cont_m,
.filtros_cont_f,
.filtros_cont_a,
.label_filtros{
  cursor: pointer;
  color: #000000;
}

.filtros_cont p{
  font-style: normal;
  font-weight: 500;
  font-size: 24.4px;
  font-family: 'Karla';
  line-height: 31px;
  color: #000000;
}

.itemsShop{
  /* height: 300px; */
	width: auto;
}

.valor_cat,
.valor_mar,
.valor_ing,
.valor_fab,
.valor_cat_modal,
.valor_mar_modal,
.valor_fab_modal,
.valor_ing_modal{
  height: auto;
	width: auto;
	overflow-y: scroll;
	overflow-x: hidden;
  max-height: 300px;
}

.scrollBar::-webkit-scrollbar {
  width: 5px;               /* width of the entire scrollbar */
}

.scrollBar::-webkit-scrollbar-thumb {
  background-color: gray;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
}

.filtros-flecha {
  background-repeat: no-repeat;
  background-size: 17px 17px;
  height: 20px;
  margin-top: 6px;
  margin-left: 10px;
}

.filtros-flecha-desactivada {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d='M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z'/></svg>");
}

.filtros-flecha-activa {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d='M352 352c-8.188 0-16.38-3.125-22.62-9.375L192 205.3l-137.4 137.4c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25C368.4 348.9 360.2 352 352 352z'/></svg>");
}

.titulo_flecha{
  display: flex;
  flex-wrap: wrap;
}

.filtros_resultados_cont{
  padding: 10px;
}

.input_filtros_check{
  width: 16px ;
  height: 16px ;
  border-radius: 3px;
}

#search,
#MarcaSearch{
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
  margin-bottom: 0px;
}

.cont_search{
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}

.cont_productos{
  display: inline;
  justify-content: space-between;
  background-color: red;
}

@media (min-width: 541px) and (max-width: 990px){
  #product_ul{
    gap: 15%;
    margin-left: 30px;
  }
}

@media (min-width: 991px) and (max-width: 1024px){
  #product_ul{
    gap: 15%;
    margin-left: 30px;
  }
}

@media(max-width: 991px){
  .barra_filtros{
    display: none;
  }

  .open-modal-shop{
    display: block;
    margin-top: 50px;
  }

  .modal-filtros{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
  }

  .modal-filtros-header{
    display: block;
  }

  /* .ContenidoGeneralShop {
    width: 80%;
    margin: 0 auto;
    margin-top: 90px;
  } */
 
}
@media (min-width: 992px) {
  .open-modal-shop{
    display: none;
  } 
}

@media(min-width: 991px){
  .modal-filtros{
    display: grid !important;
  }

  .modal-filtros-modal{
    z-index: 0 !important;
    border: none !important;
  }

  .modal-filtros-header{
    display: none !important;
  }

  .modal-filtros-body{
    padding: 0px !important;
  }

  .modal-filtros-dialog{
    margin: 0px !important;
  }



  .cargando{
    padding-top: 100px;
  }

  
}

/* @media(max-width: 540px){
  .cont_general_shop{
    padding-top: 75px;
  }
} */

.filtro-icon{
  height: 28px;
  width: 28px;
  padding-bottom: 4px;
}

#loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.cargando_finpost{
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}

.colorr{
  background-color: red;
  margin-left: 0px !important;
  width: 100%;
}

.cont-filtros-limpiar {
  display: grid;
  place-items: center;
  text-decoration: underline;
  font-size: larger;
}

.cont-filtros-limpiar p {
  cursor: pointer;
  width: fit-content;
  font-family: 'Karla';
  font-size: 20px;
}

/* Estilos para los tags */

.tag {
  background-color: #644A9E;
  color: #fff;
  border-radius: 7px;
  width: fit-content;
  display: inline-flex;
  padding: 5px 0 5px 9px;
  margin: 0 2px;
  height: 43px;
  align-items: center;
  margin-bottom: 5px;
}

.tag_limpiar_filtros {
  cursor: pointer;
  background-color: #F37021;
  color: #fff;
  border-radius: 7px;
  width: fit-content;
  display: inline-flex;
  padding: 5px 9px 5px 9px;
  margin: 0 2px;
  height: 43px;
  align-items: center;
}

.delete-button {
  color: #fff;
  cursor: pointer;
  padding: 0 9px 0 9px;
  height: 0;
}

/* ------------------------------------------------------FIN FILTROS -------------------- */


.cont-input-mail {
  width: 100%;
  display: block;
  border: 1px solid #ced4da;
  border-radius: 25px;
  padding: 0.688rem 1.15rem 0.688rem 1.125rem;
  color: #212529;
  font-size: 1rem;
 /* transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */
}

#cookie-law-info-bar{
  width: 86%;
  border-radius: 8px 8px 8px 8px;
  margin-left: 7%;
  margin-bottom: 10px;
}

/* Inicia Estilos varios */

  /*  */
  a.product_type_simple{
    background-color: var(--AzulCendis);
    color: white;
    border: none;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  section.related.products h2 {
    width: 100%;
    color: #000000;
    margin: 2% 0 14px 0;
    font-size: 2.5rem;
  }


  .woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
  }



  ul.products {
    list-style: none;
  }

  /* ----------------------------------------------------------------------------------------- */

  @media(max-width: 992px){
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      width: 100% !important;
    }
    .ContenedorContenido.ContenidoGeneralShop.cont_general_shop .row {
      justify-content: center;
  }
  }

  @media(min-width: 992px){
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      width: 16% !important;
      margin-bottom: 85px;
    }

  }

  /* ----------------------------------------------------------------------------------------- */


  @media(max-width: 540px){
    .filtros_w .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      width: 100% !important;
      margin-bottom: 0px;
      justify-self: center;
    }
  }

  @media(min-width: 541px) and (max-width: 1023px){
    .filtros_w .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      width: 100% !important;
      margin-bottom: 0px;
    }
  }

  @media(min-width: 1024px) and (max-width: 1439px){
    .filtros_w .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      width: 100% !important;
      margin-bottom: 0px;
    }
  }

  @media (min-width: 1440px) {
    .filtros_w .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
      width: 100% !important;
      margin-bottom: 0px;
    }
  }



  img.woocommerce-placeholder .wp-post-image {
    height: 100px;
    overflow: hidden;
  }

  /* Estilos a Template propio de woocommerce*/

    /* Vista general de productos*/
      /* Contenedor todos los productos*/
        /* ul.products.columns-4 {
          padding: 0;
          display: flex;
          flex-wrap: wrap;
        } */
        
        /* li.product.type-product {
          width: 16%;
        } */




    /* Vista producto individual*/
      /* Contenedor todos los productos*/
      /* div.product.type-product {
        display: flex;
        flex-wrap: wrap;
      } */

      /* Contenedor imagen/galeria*/
      /* .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
        width: 50%;
      } */
  /* 
      .woocommerce-product-gallery__image {
        height: 500px;
       } */

     /* img.wp-post-image {
      width: 100%;
      height: 100%;
      object-fit: cover;
      } */
      

      /* Contenedor info producto*/
      /* .summary.entry-summary {
        width: 50%;
      } */



    h2.titulo_resBusqueda:hover {
        color: var(--yellow);
        text-decoration: underline;
    }


  /*---------------------------------------------------- Registro --------------------------------------------------- */
  /*--------------------------------------- Base ----------------------------------------------- */
  /*  !!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan base !!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

  /*-------------------------------- Vista, seleccion de segmento ---------------------------------- */

    .registro_segmentos, .registro_pasos{
      display: grid;
      background-color: #eff0f0;
      margin-top: 50px;
      grid-template-columns: 1fr 2fr;
    }

    .contenedor_presentacion{
      /* width: 45%; */
      display: flex;
      justify-content: center;
      position: relative;
      background-color: #031130;
    }
    /*
    .contenedor_presentacion {
      width: 100%;
    }

    .contenedor_opciones {
      width: 100%;
    }*/

    .registro_segmentos {
      display: grid;
      min-height: 1000px;
      margin-top: 50px;
      grid-template-columns: 1fr 2fr;
    }

    /* .registro_segmentos {
      display: grid;
      grid-template-columns: 2fr 3fr;
      margin-top: 50px;
  } */


    .registro_pasos .contenedor_no_paso /* .contenedor_presentacion*/{
      padding-top: 95px;
    }

   

    .contenedor_presentacion .contenedor_texto{
      width: 85%;
      margin-bottom: 168px;
      z-index: 3;
    }

    div#registro_segmentos .contenedor_presentacion .contenedor_texto {
      margin-bottom: 168px;
      z-index: 3;
      padding: 5rem 2rem;
    }

    .contenedor-ellipses-registro {
      height: 100%;
      width: 100%;
      position: absolute;
      z-index: 0;
  }

    .contenedor_presentacion h1 , .contenedor_presentacion p{
      color: white;
    }

    .contenedor_presentacion h1 {
      width: 100%;
    }

    .contenedor_presentacion .contenedor_texto a {
      color: white;
    }

    .contenedor_presentacion .contenedor_texto a:hover {
      color: var(--AmarilloCendis);
      text-decoration: underline;
    }
/*

    .contenedor_eclipse{
      width: 100%;
      display: flex;
      align-items: end;
    }

    .contenedor_eclipse img#img_eclipse{
      width: 100%;
    }

*/
    .contenedor-ellipses-registro img#img-ellipses-registro{
      height: 100%;
      width: 100%;
    }

    .contenedor-ellipses-pasos {
      position: absolute;
      bottom: 0;
      width: 100%;
    }

.contenedor-ellipses-pasos img#img-ellipses-pasos{
      object-fit: cover;
      width: 100%;
      z-index: 1;
      opacity: 35%;
    }

    .contenedor_opciones{
      /* width: 69%; */
      display: flex;
      flex-wrap: wrap;
      /* float: right; */
      /* height: 570px; */
      justify-content: center;
      gap: 30px;
      padding-top: 58px;
      padding-bottom: 58px;
    }

      .contenedor_segmento{
      width: 67%;
      height: 16%;
      background-color: #ffffff;
      border-radius: 20px;
      box-shadow: 0px 286px 114px rgba(39, 42, 42, 0.01), 0px 161px 97px rgba(39, 42, 42, 0.05), 0px 72px 72px rgba(39, 42, 42, 0.09), 0px 18px 39px rgba(39, 42, 42, 0.1), 0px 0px 0px rgba(39, 42, 42, 0.1);
    }

    a.link_contenedor, .link_contenedor {
      display: flex;
      align-items: center;
      height: 100%;
      gap: 1.4rem;
      padding-left: 40px;
      
    }

    a.link_contenedor:hover, .link_contenedor:hover {
      background-color: #EBF1FF;
      border-radius: 20px;
      border: 2px solid var(--AzulCendis) ;
    }

    .contenedor_opciones .contenedor_img img {
      height: 70%;
      object-fit: cover;
    }


    .contenedor_opciones .contenedor_img {
      width: 15.296%;
      height: 70.71%;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 0.2vw solid var(--AzulCendis);
      border-radius: 20px;
    }

    .errorInput {
      border-color: red;
      border-width: 1px;
    }

    .errorInputBack{
      background-color: red;
    }

    /* .contenedor_opciones .contenedor_img:hover {
      background: var(--AzulCendis);
    } */


  /*  !!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan vista, seleccion segmento !!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

  /*--------------------------------------- Vista Pasos  ----------------------------------------------- */

  /*--------------------------------------- Contenedor 1, barra de pasos ----------------------------------------------- */


  .registro_pasos .contenedor_formularios::-webkit-scrollbar {
    display: none;
  }
    .registro_pasos .contenedor_formularios{
      display: flex;
      flex-wrap: wrap;
      /* float: right; */
      height: auto; 
      overflow: visible;
      justify-content: center;
      gap: 30px;
      padding-top: 58px;
      padding-bottom: 58px;
    }

    .registro_pasos .contenedor_no_paso{
      flex-wrap: wrap;
      align-content: center;
      position: relative;
      height: auto;
     /* background-color: #001E61;*/
     background-color: var(--oxford-blue);
    }


    .contenedor_no_paso.nav-pills button, .contenedor_no_paso.nav-pills button:focus {
      color: white;
      display: flex;
      width: 85%;
      justify-content: start;
      align-items: center;
      padding: 0;
    }

    span.no_paso, p.no_paso {
      display: flex;
      width: 20%;
      justify-content: center;
      align-items: center;
      position: relative;
    }

    button.nav-link.active p {
      font-weight: bold;
    }

    .circulo_paso, .modal_ingreso.activar .contenedor_forms .sub_contenedor.pasos{
      position: absolute;
      width: 37px;
      height: 35px;
      border-radius: 50%;
      border: 1px solid;
    }

    .circulo_paso_check {
      background-color: #5BCC8A;
      border: 0px;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='%23ffffff' viewBox='0 0 512 512' ><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d='M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>");
      background-repeat: no-repeat;
      background-position: center;
    }

    button.nav-link.active .circulo_paso {
      border: 3px solid;
    }

    #paso_info_personal-activacion,
    #paso_info_personal,
    #paso_info_establecimiento,
    #paso_info_medicos,
    #paso_tipo_credito,
    #paso_carga_archivos,
    #paso_referencias_personales,
    #paso_referencias_personales,
    #paso_referencias_comerciales,
    #paso_terminos_condiciones,
    #paso_revision_confirmacion {
      cursor: default;
      margin: 15px 0;
     /* margin-left: 5%;*/
    }
    
    .editar-perfil .info-perfil-editable input.errorForm,
    .agregar-nueva-direccion .editar-direccion .validar-input-perfil-direccion-editar.errorForm, 
    .agregar-nueva-direccion .crear-direccion .validar-input-perfil-direccion-crear.errorForm, 
    .errorForm {
      border: 1px solid;
      border-color: red;
      border-radius: 7px;
    }

    .msg_error,
    .msg_error_val_nit,
    .msg_error_val_paso1,
    .msg_error_val_paso3,
    .msg_error_val_paso3_5,
    .msg_error_val_paso4,
    .msg_error_val_paso5,
    .msg_error_val_paso5_5,
    .msg_error_val_paso6,
    .msg_error_val_paso6_2,
    .msg_error_val_paso7,
    .msg_error_val_paso8 {
      color: red;
      font-size: 14px;
      margin-bottom: 15px;
    }

    .msg_error_val_paso4 {
      margin-top: 40px;
    }



  /*  !!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Contenedor 1, barra de pasos !!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

  

  /*------------------------------ Contenedor 2, barra de formularios ----------------------------------- */

    form.registro_segmento_1 {
      width: 68.4%;
    }

    /* Estilos compartidos generalmente para todos los pasos */

      .contenedor_tipo_credito .Contenedor_principal, .contenedor_carga_archivos .Contenedor_principal{
        display: flex;
        flex-wrap: wrap;
      }

      .tab-pane.fade .contenedor_titulo{
        width: 70%;
      }

      .contenedor_tipo_credito .Contenedor_principal .contenedor_titulo,
      .contenedor_tipo_credito .Contenedor_principal .contenedor_contenido,
      .contenedor_tipo_credito .Contenedor_principal .contenedor_botones,

      .contenedor_carga_archivos .Contenedor_principal .contenedor_titulo,
      .contenedor_carga_archivos .Contenedor_principal .contenedor_contenido,
      .contenedor_carga_archivos .Contenedor_principal .contenedor_botones
      {
        width: 100%;
      }

      /* .contenedor_info_contacto, .contenedor_info {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
      } */

      /* h4.subtitulo_contenedor.b-h4 {
        margin-top: 5%;
        margin-bottom: 27px;
    }
     */
      

      .contenedor_botones {
        display: flex;
        width: 100%;
        justify-content: space-between;
        position: relative;
        margin-top: 60px;
      }

      .registro_pasos .contenedor_botones button.boton.anterior{
        background-color: rgba(0, 0, 0, 0);
        color: #595959;
        border: none;
      }

      .registro_pasos .contenedor_botones button, .modal_ingreso.activar .contenedor_forms .sub_contenedor button{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4%;
        padding: 2%;
        background-color: var(--azul-nueva-marca);
        padding: 15px 20px;
        color: white;
      }


      .registro_pasos .contenedor_botones input#Registrarse{
        width: 100%;
      }



      


      .registro_pasos img.flecha_registro{
        position: absolute;
        top: 17px;
        left: 121px;
      } 


    /* Terminan Estilos compartidos generalmente para todos los pasos */ 

    /* Paso 2: Informacion Personal */


      h2.subtitulo_contenedor {
        width: 100%;
        margin-bottom: 20px;
      }

      div.contenedor_input_50 {
        /* width: 45%; */
        /* margin-top: 3%; */
        display: inline-flex;
        flex-direction: column;
        gap: 10px;
        /* justify-content: flex-end; */
      }

      .contenedor_input_100 {
        width: 100%;
        margin-top: 3%;
      }

      .genero input[type="radio"]:checked + label {
        background-color:#EBF1FF;
      }

      .sub_contenedor_input{
        display: flex;
      }

      .sub_contenedor_input label {
        width: 50%;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: sans-serif, Arial;
        font-size: 16px;
        background-color: white;
        
      }

      .sub_contenedor_input label#masculino,
      label#masculino_1,
      label#masculino_2,
      label#masculino_3,
      label#masculino_4,
      label#masculino_5,
      label#masculino_revision{
        border-radius: 7px 0px 0px 7px;
      }

      .sub_contenedor_input label#femenino, 
      label#femenino_1,
      label#femenino_2,
      label#femenino_3,
      label#femenino_4,
      label#femenino_5,
      label#femenino_revision{
        border-radius: 0px 7px 7px 0px;
      }
      
      .sub_contenedor_input input[type="radio"] {
        opacity: 0;
        position: fixed;
        width: 0;
      }

      .sub_contenedor_input input[type="radio"]:checked + label {
        background-color:#EBF1FF;
      }
    /* Termina Paso 2: Informacion Personal */


    /* Paso 3: Informacion de establecimiento */

      .contenedor_info_establecimiento .contenedor_input_100 .direccion_entrega{
        display: flex;
        justify-content: space-between;
      }

      .contenedor_info_establecimiento .contenedor_input_100 p#checkbox{
        width: 25%;
      }

      .contenedor_info_establecimiento .contenedor_input_100 input[type=checkbox], p#checkbox_datos_default input[type=checkbox]{
        box-shadow: none;
        width: 6.5%;
        margin: 0;
        margin-right: 4%;
        height: auto;
      }
      

    /* Termina Paso 3: Informacion de establecimiento */


    /* Paso 3.1: Informacion de medicos de clinica */
      .contenedor_info{
        /*border: 2px solid #000000;*/
        padding: 25px 19px 0px 19px;
      }

      span.select_medicos{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
      }

      .contenedor_cantidad_medicos select#cantidad_medicos{
        width: 8%;
        margin: 0;
        margin-left: 6px;
        border-radius: 7px;
      }

    /* Termina Paso 3.1: Informacion de medicos de clinica */

    /* Paso 4: Tipo credito */





      .contenedor_tipo_credito .contenedor_contenido .contenedor_contado {
        display: flex;
        align-items: center;
        gap: 4%;
        box-shadow: 0px 373px 149px rgb(39 42 42 / 1%), 0px 210px 126px rgb(39 42 42 / 5%), 0px 93px 93px rgb(39 42 42 / 9%), 0px 23px 51px rgb(39 42 42 / 10%), 0px 0px 0px rgb(39 42 42 / 10%);
        border-radius: 20px;
        padding: 5.5% 13.8% 5.5% 6.2%;
        margin-top: 3%;
      }

      label.contenedor_contado{
        background-color: white;
      }

      .contenedor_tipo_credito .Contenedor_principal .contenedor_contenido input[type="radio"]:checked + label{
        background-color: #EBF1FF ;
        border: 1px solid var(--AzulCendis);
      }

      .contenedor_tipo_credito .Contenedor_principal .contenedor_contenido input[type="radio"], .contenedor_opciones input[type="radio"]{
        display: none;
      }


      /* Termina Paso 4: Tipo credito */


      /* Paso 5: Carga de archivos */

      .contenedor_carga_archivos .contenedor_titulo {
        margin-bottom: 7%;
      }

      .contenedor_carga_archivos .contenedor_contenido input {
        margin-bottom: 0;
      }

      .contenedor_carga_archivos .contenedor_contenido .contenedor_archivo, .contenedor_carga_archivos .contenedor_contenido .contenedor_archivo-vencimiento{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        /* margin-bottom: 5.5%; */
        justify-content: space-between;

      }

      
      label.sub_contenedor_adjunto.odd:before {
          left:0;
          right:0;
          border-radius:60px
      }

      .contenedor_carga_archivos .contenedor_contenido .contenedor_archivo p.texto_archivo, 
      .contenedor_carga_archivos .contenedor_contenido .contenedor_archivo input.input_archivo, .contenedor_carga_archivos .contenedor_contenido .contenedor_archivo-vencimiento p.texto_archivo, 
      .contenedor_carga_archivos .contenedor_contenido .contenedor_archivo-vencimiento input.input_archivo{
        width: 45%;

      }

      /* .contenedor_carga_archivos .contenedor_contenido .contenedor_archivo input.input_archivo{
        display: none;
      } */

      label.sub_contenedor_adjunto {
        display: flex;
        width: fit-content;
        justify-content: center;
        align-items: center;
        gap: 3%;
        padding:14px;
        border-radius: 5px;
        text-align:center;
        overflow: hidden;
        position: relative;
      }

      .contenedor_carga_archivos .contenedor_contenido .contenedor_archivo label input.input_archivo, .contenedor_carga_archivos .contenedor_contenido .contenedor_archivo-vencimiento label input.input_archivo{
        font-size: 9px;
        box-shadow: none;
        border: none;
        padding: 7px;
        width: 70%;
      }

      p span#adjunto{
        color:#3078F6;
        text-decoration-line: underline;
        z-index: 99;
        position: relative;
      }

      p span#adjunto:hover{
        color: var(--AmarilloCendis) !important; 
        text-decoration-line: underline;
      }

    /* Termina Paso 5: Carga de archivos */

    /* Paso 7: Terminos */

      .contenedor_terminos_condiciones .Contenedor_principal .contenedor_contenido .terminos_condiciones#terminos {
        height: 235px;
        overflow: auto;
      }

      .contenedor_terminos_condiciones .Contenedor_principal .contenedor_contenido .terminos_condiciones#aceptar{
        display: flex;
        align-items: center;
        gap: 1%;
      }

      .contenedor_terminos_condiciones .Contenedor_principal .contenedor_contenido .terminos_condiciones#aceptar input[type=checkbox]{
        box-shadow: none;
        width: 2%;
        margin: 0;
        height: 17px;
      }

      .contenedor_terminos_condiciones .Contenedor_principal .contenedor_contenido .terminos_condiciones#firma_canvas h3{
        width: 100%;
      }

      .contenedor_terminos_condiciones .Contenedor_principal .contenedor_contenido .terminos_condiciones#firma_canvas div#signature-pad{
        width: 100%;
        display: flex;
        /* gap: 5%; */
      }


      .signature-pad--body {
          width: 80%;
      }

      .signature-pad .signature-pad--body canvas{
        background: #FFFFFF;
        box-shadow: 0px 203px 81px rgba(39, 42, 42, 0.01), 0px 114px 69px rgba(39, 42, 42, 0.05), 0px 51px 51px rgba(39, 42, 42, 0.09), 0px 13px 28px rgba(39, 42, 42, 0.1), 0px 0px 0px rgba(39, 42, 42, 0.1);
        border-radius: 5px;
  
      } 

      div#signature-pad {
        width: 80%;
      }

      .contenedor_terminos_condiciones .Contenedor_principal .contenedor_contenido .terminos_condiciones .botones{
        width: 15%;
      }

      .contenedor_terminos_condiciones .Contenedor_principal .contenedor_contenido .terminos_condiciones#firma_canvas button{
        color: #001E61;
        border: 2px solid #001E61;
        border-radius: 40px;
        margin-bottom: 14%;
        padding: 15px 20px 15px 20px;
        width: max-content;
        height: 53px;
      }




    /* Termina Paso 7: Terminos */

  /*  !!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Pasos !!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


      .modal_procesando{
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        height: 100%;
      }
      
      .modal_procesando .contenido{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 45%;
        padding: 5%;
        border-radius: 20px;
        background: var(--AzulCendis);
      }

      .modal_procesando h2, .modal_ingreso.registrarse  h2{
        color: white;
      }

      .modal_procesando .contenido img#img_modal {
        width: 100%;
        height: 20vh;
        margin-bottom: 6%;
      }


  /*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan registro !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

  /*--------------------------------------- Modal ingreso, registro y activacion ----------------------------------------------- */

    .modal_ingreso.registrarse, .modal_ingreso.activar{
      display: grid;
      grid-template-columns: 1fr 1.5fr;
      height: 82%;
      justify-items: center;
      width: 63%;
      position: relative;
    }

      /*LOG IN RESPONSIVE*/

  /* @media only screen and (min-width: 1201px){
    #modal_login_registro .cont_modal_transparent .modal_ingreso.registrarse, #modal_login_registro .cont_modal_transparent .modal_ingreso.activar{
      height: 655.8px;
      width: 1105px;
    }
  } */
/*FIN LOG IN RESPONSIVE*/
    /* Contenedor Menu de opciones registro */

      .modal_ingreso.registrarse .contenedor_menu{
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0 10%;
      }

      .modal_ingreso.registrarse .contenedor_menu button{
        background: none;
      }

      .modal_ingreso.registrarse .contenedor_menu button.active h2{
        color: #000000;
      }

      .modal_ingreso.registrarse .contenedor_forms .contenedor_menu button.active{
        border-bottom: 3px solid black;
        border-radius: 0px;
        padding-left: 5%;
        padding-right: 5%;
        color: #808080;
      }

      .modal_ingreso.registrarse .contenedor_menu h2 {
        color: #808080;
      }

      .modal_ingreso.registrarse .contenedor_forms .contenedor_menu button{
        border-bottom: 3px solid #808080;
        border-radius: 0px;
        padding-left: 5%;
        padding-right: 5%;
      }


    /* Termina Contenedor Menu de opciones registro */

    /* Contenedor presentacion */

      .modal_ingreso.registrarse .contenedor_presentacion, .modal_ingreso.activar .contenedor_presentacion{
        width: 100%;
        display: grid;
        justify-content: center;
        /* flex-wrap: wrap; */
        position: relative;
        background-color: var(--oxford-blue);
        overflow: hidden;
        border-radius: 20px 0px 0px 20px;
        height: 100%;
        /*width: 25%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        position: relative;
        background-color: var(--oxford-blue);
        overflow: hidden;
        border-radius: 20px 0px 0px 20px*/
      }

      .modal_ingreso.registrarse .contenedor_texto, .modal_ingreso.activar .contenedor_presentacion .contenedor_texto{
        width: 90%;
        margin: 5% 20px 5% 20px;
        z-index: 1;
        height: fit-content;
      }

      .modal_ingreso.registrarse .contenedor_eclipse{
        width: 100%;
        display: flex;
        align-items: end;
        height: 368px;
        position: relative;
      }

      .modal_ingreso.registrarse .contenedor_doctores img#img_doctores{
        position: absolute;
        bottom: 0;
        left: 0px;
        object-fit: cover;
        width: 100%;
      }

    /* Termina Contenedor presentacion */

    /* Contenedor forms */
      .modal_ingreso.registrarse .contenedor_forms, .modal_ingreso.activar .contenedor_forms{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        width: 100%;
        background-color: #F4F5F5;
        border-radius: 0px 20px 20px 0px;
      }
      

      .modal_ingreso.registrarse .contenedor_eclipse img#img_eclipse{
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
      }


      .modal_ingreso.registrarse .contenedor_forms .contenedor_inicia_sesion, .modal_ingreso.registrarse .contenedor_forms .contenedor_registrarse {
        display: grid;
        grid-template-columns: 2fr;
        justify-items: center;
        margin-top: 10%;
      }
      

      .modal_ingreso.registrarse .contenedor_forms a{
        width: 50%;
        border-radius: 7px;
        border: 1px solid rgba(0, 30, 97, 0.6);
        padding: 2.5%;
        text-align: center;
        background-color: #EDF1F4;
        box-shadow: 0px 138px 55px rgba(0, 16, 51, 0.01), 0px 78px 47px rgba(0, 16, 51, 0.05), 0px 35px 35px rgba(0, 16, 51, 0.09), 0px 9px 19px rgba(0, 16, 51, 0.1), 0px 0px 0px rgba(0, 16, 51, 0.1);
        margin-bottom: 5%;
      }

      .modal_ingreso.registrarse .contenedor_forms span {
        width: 50%;
        text-align: center;
      }

      .modal_ingreso.registrarse .contenedor_forms span a{
        text-decoration: underline;
        background-color: #ffffff00;
        border: none;
        box-shadow: none;
        cursor: pointer;
      }


    /* Termina Contenedor forms */

    /* Contenedor activacion */

      .modal_ingreso.activar .contenedor_forms{
        gap: 5%;
        justify-content: space-evenly;
      }

      .modal_ingreso.activar .contenedor_forms .sub_contenedor.instrucciones {
          width: 90%;
      }

      /* Contenedor circulos pasos */


      .modal_ingreso.activar .contenedor_forms .sub_contenedor.pasos {
        width: 10%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
      }

      .modal_ingreso.activar .contenedor_forms .sub_contenedor.pasos .circulo_paso {
        /* background-color: #d9d9d9; */
        border: 0px;
        /* background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='%23ffffff' viewBox='0 0 512 512' ><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d='M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>"); */
        background-repeat: no-repeat;
        background-position: center;
      }



      /* Termina  circulos paso */
    

      /* Contenedor circulos pasos */

        .modal_ingreso.activar .contenedor_forms .sub_contenedor.formularios{
          /* display: flex; */
          flex-wrap: wrap;
          width: 80%;
        }

        .sub_contenedor.input {
          display: grid;
          gap: 10px;
          width: 100%;
        }

        .modal_ingreso.activar .contenedor_forms .sub_contenedor.input p{
          width: 100%;
        }

        .modal_ingreso.activar .contenedor_forms .sub_contenedor.input input{
          width: 80%;
        }

        .sub_contenedor.formularios.verificacion_ins_usuario.activasion_usuario div.cnt_pasos_verif input {
          width: 100%;
          text-align: center;
      }


        .modal_ingreso.activar .contenedor_forms .sub_contenedor.input button{
          width: 100%;
        }

      /* Termina  circulos paso */


    /* Termina Contenedor activacion */

    /* Estilos v2 shortcode wordpress */
      .contenedor_inicia_sesion form{
        width: 80%;
      }

      .contenedor_inicia_sesion form .login-remember{
        display: none;
      }

    /* Terminan Estilos v2 shortcode wordpress */



  /*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Modal Ingreso de usuarios !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


  /*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  INICIO ESTILOS VERIFICACION DE USUARIO !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

  :root{
    --primary-color:#02044A;
    --secondery-color:#25CC88;
    --shadow-color:#9d9fb3; 
  }

  
  .spinner{
    border:5px solid #f2f2f2;
    border-bottom: 5px solid #33dba9;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: loader 2s linear infinite;
  } 

  .spinner_size_carrito{
    width: 38px;
    height: 38px;
  } 

  @keyframes loader{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
  }

  .cont_verif{
    display: contents;
  }

  /* ----------------------- pasos */

.cnt_item_pasos{
  position: relative;
  display: flex;
  gap: 1rem;
  padding-bottom: 1rem;
}

.cnt_item_pasos:before {
  content: "";
  flex: 0 0 clamp(1.5rem, 5vw, 3rem);
  height: clamp(1.5rem, 2.5vw, 3rem);
  border-radius: 50%;
  background-color: lightgrey;
  max-width: clamp(1.5rem, 2.5vw, 3rem);
  margin-top: 20px;
  z-index: 1;

}

.cnt_item_pasos:not(:last-child):after{
  content: "";
  position: absolute;
  left: 0;
  top: calc(clamp(1.5rem, 3vw, 3rem) + clamp(0.25rem, 2vw, 0.5rem));
  bottom: 0px;
  transform: translateX(calc(clamp(1.5rem, 2.5vw, 3rem) / 2));
  width: 2px;
  background-color: #e0e0e0;
  margin-bottom: -20px;
}

.cnt_contenido_item{
  max-width: 700px;
}

.cnt_pasos_verif{
  max-width: 1000px;
  margin-top: 3%;
}

.cnt_pasos_verif ol{
  padding: 0px;
}

.circulo_paso_check_activo:before {
  background-color: #5BCC8A;
  border: 0px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='%23ffffff' viewBox='0 0 512 512' ><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d='M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
}

.circulo_paso_check_activo:not(:last-child):after{
  background-color: #5BCC8A;
}

.circulo_paso_check_error:before {
  background-color: red;
  border: 0px;
  /* background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='%23ffffff' viewBox='0 0 512 512' ><!--! Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d='M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/></svg>"); */
  background-repeat: no-repeat;
  background-position: center;
}

.modal_cont_principal{
  background-color: rgba(0, 0, 0, 0.8);
}

#modal_login_registro .cont_modal_transparent, 
#modal_cuenta_creada .cont_modal_transparent,
#modal_cargando_registro .cont_modal_transparent{
  background-color: transparent;
}

.cont_modal_transparent {
  position: relative;
  display: grid;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 0.3rem;
  outline: 0;
  align-items: center;
  justify-items: center;
}

#modal_login_registro .contenedor_forms{
  display: block;
  padding: 20px;
  position: relative;
}

#modal_login_registro .contenedor_menu{
  width: 100%;
}

#modal_login_registro .contenedor_forms a{
  width: 70%;
}

#modal_login_registro .Vector img{
  width: 14px;
  height: 14px;
  margin: 1%;
}

#modal_login_registro .contenedor_forms .contenedor_menu button{
  padding-left: 8%;
  padding-right: 8%;
}

#modal_login_registro .contenedor_forms .contenedor_menu button p{
  color: #9d9fb3;
}

#modal_login_registro .contenedor_forms .contenedor_menu button.active p{
  color: black;
}

#modal_login_registro .contenedor_forms span{
  width: 100%;
  /*font-size: 16px;*/
}



.cont_verif_margin{
  margin-top: 23px;
}

.verificacion_ins_usuario{
  margin-left: 5%;
}

.ingresar {
  background-color:  var(--azulcendis);
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

.BuscadorPersonalizado{
  /* margin-right: 30px; */
}

.cont_valid_nit {
  display: inline-flex;
}

.cont_valid_email {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.cont_valid_email p:nth-child(4) {
  grid-row: 2;
  grid-column: span 2;
}


.edit_email,
.edit_nit{
  height: 20px;
  width: 20px;
  margin-left: 15px;
}
button#edit_email,
button#edit_nit {
  background-color: transparent;
  margin-top: 2px;
}

.modal_ingreso.activar .contenedor_forms .sub_contenedor.formularios.activasion_usuario {
  width: 90%;
}

.modal_ingreso.activar .contenedor_forms .sub_contenedor.verif_email input{
  width: 12%;
  padding: 10px;
}

.modal_ingreso.activar .contenedor_forms .sub_contenedor.verif_email {
  display: flex;
  flex-direction: column;
  gap: 2%;
}

.cn_loader {
  display: block;
  background-color: var(--AzulCendis);
  width: 100%;
  height: auto;
  border-radius: 20px;
  justify-content: center;
}

.cn_loader.padding_loader1 {
  padding: 8% 6% 8% 6%;
}

.cn_loader.padding_loader2 {
  padding-top: 5%;
}

.cn_loader p{
  text-align: center;
  color: white;
  margin-top: 20%;
  padding: 0 15px 0 15px;
}

.cn_loader.padding_loader2 p{
  margin-top: 3%;
  margin-bottom: 8%;

}

#img_logo_loader{
  display: block;

  min-width: 10px;
  min-height: 10px;
  max-width: 200px;
  max-height: 200px;

  margin-left: auto;
  margin-right: auto;
  
  opacity:0;
  animation:pageFadeIn ease-in 1;
  animation-fill-mode:forwards;
  animation-duration:5s;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  animation-direction: reverse;
}

@keyframes pageFadeIn {
  from { opacity:0; }
  to { opacity:1; }
}

.cn_loader .contenido h2{
  text-align: center;
  color: white;
}

.cn_loader .contenido a{
  color: white;
}

.cn_loader.padding_loader2 .contenedor_eclipse #img_eclipse{
  border-radius: 20px;
}

.cn_loader.padding_loader2 .contenedor_eclipse #img_medicine{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  min-width: 3%;
  min-height: 10%;
  max-width: 17%;
  max-height: 50%;

}

.contenedor_eclipse.cn_eclipse {
  position: relative;
  width: 100%;
  bottom: 0;
}



  /* ----------------------- pasos */


/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  TERMINAN ESTILOS VERIFICACION DE USUARIO !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Terminan Estilos de tema Cendis !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
 
/*# ----------------------------------------------------------------------------------------Estilos BootStrap */

/* Customize English flag */
.weglot-flags.flag-3.en > a::before,
.weglot-flags.flag-3.en > span::before {
    background-position: -5040px 0 !important;
}

.woocommerce-result-count{
  display: none;
}


/*RESPONSIVE REGISTRO*/

@media (max-width: 1200px){
  #registro_segmentos {
      display: grid;
      grid-template-columns: 1fr;
      margin-top: 0px;
      min-height: 1000px;
  }
  .contenedor_presentacion {
      width: 100%;
      display: grid;
  }
  
  .login-username label, .login-password label {
    font-size: 19px;
  }

 
  
  div.contenedor_input_50 {
    display: unset;
  }

  div#v-pills-tab {
    display: none;
}
.contenedor_formularios {
  width: 100%;
}
}