.cantidad_pro {
    width: 8vh;
}
/*.main-sidebar{
    background: linear-gradient(270deg, #00317b, #0b1449);
}*/

html {
    scroll-behavior: smooth;
    transition: all 1s ease-out;
}

.main-sidebar{
    background: linear-gradient(255deg, #003c96, #0e1541);
    background-size: 400% 400%;

    -webkit-animation: AnimationMenu 5s ease infinite;
    -moz-animation: AnimationMenu 5s ease infinite;
    animation: AnimationMenu 5s ease infinite;
}

@-webkit-keyframes AnimationMenu {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes AnimationMenu {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes AnimationMenu {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}


.link_tabla{
    margin: 0.4vw;
    cursor:pointer;
}

.fa-trash-alt:hover {
    color: #fdfdfd;
}
.fa-trash-alt {
    color: #fdfdfd;
}

.sidebar_custom{
    width: auto;
    overflow-y: scroll;
    background: linear-gradient(45deg, #007bff, #ffffff);
    max-height: 90vh;
}
.sidebar_custom::-webkit-scrollbar {
    width: 7px;
}
.sidebar_custom::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    border-radius: 20px;
}

.box_carrito{
    width: 100%;
}

.invoice_completo{
    padding: 0rem!important;
    margin-top: -10px;
    margin-left: -11px;
}
.completo{
    margin-top: -30px;
    margin-bottom: -40px;
    margin-left: -20px;
    margin-right: -20px;
}

.carrito_editable{
    overflow-x: scroll;
}
.carrito_editable::-webkit-scrollbar {
    height: 4px;
}
.carrito_editable::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    border-radius: 20px;
}

.tabla_scroll{
    overflow-x: scroll;
}
.tabla_scroll::-webkit-scrollbar {
    height: 4px;
}
.tabla_scroll::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    border-radius: 20px;
}

.custom-file-input:lang(es)~.custom-file-label::after {
    content: "Buscar" !important;
}

.letras{
    overflow-x: scroll;
}
.letras::-webkit-scrollbar {
    height: 4px;
}
.letras::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    border-radius: 20px;
}
a{
    cursor:pointer !important;
}
.info-box-content {

    line-height: 1.2 !important;
}

.ir_venta_normal{
    cursor:pointer;
}

.pag_pdf{
    font-size: 9pt;
    font-family: sans-serif;
    width: 95%;
}
.empresa{
    font-size: 21pt;
    position: absolute;
    top: 1%;
}
.header_invoice{
    margin-top: 8px;
    margin-bottom: -20 !important;
    font-size: 8pt;
}


.contenido_invoice{
    display: inline-flex !important;
    flex-wrap: nowrap;
    width: 30%;
    margin-right: 5px;
    
    margin-bottom: -7px;
}
.contenido_invoice3{
    position: absolute;
    top: 6.5%;
    margin-left: 40px;
    display: inline-flex !important;
    flex-wrap: nowrap;
}
.fecha_hoy{
    position: absolute;
    right: 15% !important;
}
.totales{
    position: relative;
    right: -40%;
}

.tabla_pdf{
    width: 759px;
    max-width: 759x;
}
.texto_tabla{
    font-size: 7pt;
}
.pie_de_pag{
    margin-left:-20px;
    margin-top: 30px;
}

.girar {
    transform: scale(-1,1);
    left: -2px;
}
.giro {
    transform: rotate(45deg) scale(-1,1) !important;
}

.card-primary .card-header{
    background: rgb(0,123,255);
background: linear-gradient(45deg, rgba(0,123,255,1) 0%, rgba(0,123,255,0.6979166666666667) 75%, rgba(0,123,255,1) 100%) !important;
}

.card-secondary .card-header{
    background: #6c757d !important; 
}

.text-xxs {
    font-size: 0.75rem!important;
}

.table td {
    vertical-align: middle !important;
}

/* para el preloader porsia*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 100002;
    /* makes sure it stays on top */
  }
  #status {
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(https://i.pinimg.com/originals/98/81/5f/98815f30af15d94ab3dd1af44ef8e6a9.gif);
    
    width: 450px;
    height: 405px;
    background-repeat: no-repeat;
    background-position: center;
    /*margin: -13vw;*/
  }
  /* aqui termina el preloader */
  .loading-img{
    height:200px;
    position: absolute;
    top: 30vh;
  }

.disabled_gris {
    color: #70757a;
    cursor: pointer;
    background-color: #a7a7a7;
}
.disabled_gris:hover {
    color: #70757a;
    cursor: pointer;
    background-color: #a7a7a7;
}

.cliente_dropdown{
    height: 50vh;
}
.cliente_dropdown{
    overflow-x: scroll;
}
.cliente_dropdown::-webkit-scrollbar {
    width: 7px;
    background: rgb(238 237 243);
}
.cliente_dropdown::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    border-radius: 20px;
}

p.parrafo{
    margin-bottom: 0rem !important;
}
.precio_listado {
    font-size: 1.2rem!important;
}
.float-right {
    margin-top: 0.4vw;
}
.mas,.menos{
    border-radius: 100%; 
    width: 25px; 
    font-size: 15px;
}
.badge{
    padding: 0.09em 0.4em;
}

.no_mostrar{
    display: none;
}
.si_mostrar{
    display: block;
}

.centrar_texto_tabla{
    text-align: center;
}

td .parrafo,td .precio_listado, td p.quote-secondary.text-sm{
    text-align: center;
}

.etiqueta_describ_prod{
    padding: 0.4em 0.4em;
}


/*---------------------------------------------- Nuevos estilos Alfa ---------------------------------------*/

a{
    color: #000 !important;
}

.carrusel_chiquito{
    height:35vw;
}


/*
@media (min-width: 499px){
    div.container_carousel {
        width: 90%;
        margin-top: 100px;
        left: 40px;
    }
}
@media (min-width: 985px){
    div.container_carousel {
        width: 73% !important;
        margin-top: 55px !important;
    }
}*/

.catcard:hover {
    box-shadow: 0px 0px 30px #4154f1;
    opacity: 1 !important;
}

.card .faq{
    background: #97a1ab96 !important;
}
.faq a{
    color: #000 !important;
}

/*.fondoCompleto{
    --s: 105px;
    --c1: #b9b9b9;
    --c2: #dcdcdc;
    --c3: #fafafa;
    background: conic-gradient(from 75deg,var(--c1) 15deg ,var(--c2) 0 30deg ,#0000 0 180deg, var(--c2) 0 195deg,var(--c1) 0 210deg,#0000 0) calc(0.5*var(--s)) calc(0.5*var(--s)/0.577), conic-gradient(var(--c1) 30deg ,var(--c3) 0 75deg ,var(--c1) 0 90deg, var(--c2) 0 105deg, var(--c3) 0 150deg,var(--c2) 0 180deg,var(--c3) 0 210deg,var(--c1) 0 256deg, var(--c2) 0 270deg,var(--c1) 0 286deg,var(--c2) 0 331deg,var(--c3) 0);
    background-size: var(--s) calc(var(--s)/0.577);
}*/
/*
body.bodyFondo{
    color: #444444;
    background: linear-gradient(270deg, #76767b8a, #dfe0e6e8) !important;
    background-size: 400% 400%;
    animation: FondoPag 5s ease infinite;
}*/
@keyframes FondoPag {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/* ----------------------------------- Estilos carrusel nuevo ------------------------------------------ */


.swiper-container {
	height:60%;
	margin: 0px auto auto auto;
	}
.swiper-container img{
height: 35vw;
/*height:auto;*/
width:100%;
margin:auto auto 10px auto;
/*Bordes redondeados originalmente no los tenia*/
border-radius: 5px;
}
.swiper-slide {
background-position: center;
background-size: cover;
height:100%;
width:100%;
}
div.swiper-pagination.swiper-pagination-bullets{
bottom: -35px;
height:50px;
font-size:2rem;
}  
span.swiper-pagination-bullet{
height: 10px;
width: 10px;
}
span#circulo-1{
    background: #91be1f;
}
span.swiper-pagination-bullet-active{
width: 30px;
border-radius: 10px;
}

/* Sombra al girar la imagen del efecto cubo*/	
.swiper-3d div.swiper-slide-shadow-right {
    background-image: none;
}

.swiper-3d div.swiper-slide-shadow-left {
    background-image: none;
}

    /* carrusel cat */

.carrusel_antes,.carrusel_despues{
    width: 0 !important;
}
.img_carrusel_cat{
    width: 80% !important;
}
.carousel-item-next, .carousel-item-prev,.carousel-item.active {
    display: flex !important;
    justify-content: space-evenly;
}
.paginacion_carrusel_cat{
    margin-bottom: -2rem;
}
.paginacion_carrusel_cat li{
    background-color: #706c6c !important;
}

.iframe_pag {
    width: 100%;
    height: 100vh;
}

.tab-content>.active {
    display: flex !important;
    justify-content: space-around;
    flex-wrap: wrap;
}

.product-image-thumb{
    cursor: pointer;
}

.row{
    width: fit-content !important;
}

.texto_info {
    display: flex;
    /* color: #fff; */
    color: rgb(0, 0, 0);
    position: relative;
    bottom: 35vw;
    left: 16vw;
    width: 35vw;
    font-size: 25pt;
}





/* ---------------------------------------- @media (min-width: 492px) -------------------------------------- */


@media (min-width: 350px){

.img_larga{
    border-radius: 3px;
    width: 54vh;
}

.img_contacto {
    opacity: .8;
    height: 5vh;
}

.slick-slide img {
    display: block;
    height: 41vw;
}

/*--------------- Estilos moviles del bot ------------------*/

/*Tamaño del chat del bot*/
:root {
    --peekobot-height: 43vh;
  }
  #peekobot-container {
    width: 80vw;
    max-width: 495px;
    border: 1px solid hsl(0, 0%, 90%);
    border-radius: 12px;
    box-shadow: 2px 2px 5px hsl(0, 0%, 60%);
    padding: 1rem 1rem 2rem 1rem;
    height: var(--peekobot-height);
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 0;
    background-color: #fbfdff;
    margin-right: 10px;
    font-size: 2.1rem;
    
  }
  
  /*Botones respuesta*/
  .choice {
    display: inline-block;
    outline: none;
    border: 1px solid hsl(0, 0%, 0%);
    padding: 0.3rem 0.8rem;
    background-color: hsl(0, 0%, 100%);
    border-radius: 1rem;
    font-size: 1.9rem;
    line-height: 1.3;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
  }
  /*Avatar bot*/
  .chat-response:before {
      display: block;
      content: '';
      position: absolute;
      top: 6px;
      background-image: var(--peekobot-avatar);
      background-color: #fff0;
      background-repeat: no-repeat;
      background-size: 100%;
      border-radius: 100%;
      width: 57px;
      height: 64px;
      left: -38px;
  }
  #content {
    width: 90%;
    height: 400px;
    position: relative;
    margin: 0px auto;
    border-radius: 25px;
    z-index: 5;
  }

  .cerrar {
    position: absolute;
    right: 0;
    outline: none;
    font-size: 32px;
    color: hsl(0, 0%, 50%);
    box-shadow: none;
    border: 1px solid hsl(0, 0%, 60%);
    border-radius: 18px;
    background: hsl(0, 0%, 100%);
    padding: 0.2rem 1rem;
    cursor: pointer;
    top: 0;
  }
  .restart {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    outline: none;
    font-size: 26px;
    color: hsl(0, 0%, 50%);
    box-shadow: none;
    border: 1px solid hsl(0, 0%, 60%);
    border-radius: 18px;
    background: hsl(0, 0%, 100%);
    padding: 0.2rem 1rem;
    cursor: pointer;
  }
  div.victor{
    display: block;
  }
  .victor img {
    height: 131px !important;
  }

.instagram-media{
    min-width: 11vh !important;
}
.carrusel_instagram{
    padding: 0 !important;
}

.insta_espacio{
    padding: 0rem !important;
}

.carousel-control-next, .carousel-control-prev {
    margin-top: 52%;
    margin-bottom: 52%;
    height: 8vh;
}

.texto_marcas{
    display:none;
}

.text_marcas {
    position: absolute !important;
    z-index: 2;
    max-width: 48vh !important;
    margin-top: 25vh;
    background: #ffffff00 !important;
    width: 86vw !important;
}

.img_marcas{
    position: relative !important;
    width: 100vh !important;
    left: -4.8vh;
}
.sucios_comerciales {
    padding: 0px 40px;
    padding-top: 80px;
    padding-bottom: 0px;
}

/*.carro{
    display:none;
}*/
.logo_footer{
    opacity: .8;
    height: 11vh;
    position: relative;
    right: 20vw;
}

.btn_catalogo{
    position: relative;
    left: 15vw;
    border-radius: 20px;
    height: 8vw;
    border: solid #fff;
    width: 27vw;
    background-color: #fff;
}

.logo img{
    max-height: 53px;
    margin-left: -3vw;
}

.insta_pc{
    display:none;
}
.insta_tlf{
    display:block;
}
.indicadores_insta_tlf{
    display:block;
}

.titulo_footer_blanco{
    color: #161515;
    position: relative;
    left: 9.8vw;
}

.cuadro_dentro_parallax{
    padding: 1em;
    color: white;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    width: 35vh;
    position: relative;
    left: 7vh;
    bottom: 56vh;
    font-size: 13pt;
}
.cuadro_dentro_parallax h2{
    font-size: 13pt !important;
}

.parallax-window {
    max-height: 73vh;
    background: transparent;
    background-image: url('../../../img/cerrando trato.png');
}
.dentro_parallax{
    height: 72vh;
}

.titulos_marquitas{
    margin-left: -1vh;
}

.video_promo{
    margin-left: 2%; 
    margin-top: 12%;
    width: 97%; 
    border-radius: 3px; 
    overflow: hidden; 
    border-style: solid; 
    background-color: black;
}

.img_logo_n75 {
    height: 9vh;
    margin-bottom:3vh
}

}

/* ---------------------------------------- @media (min-width: 985px) -------------------------------------- */


@media (min-width: 985px){

.cuadro_dentro_parallax h2{
    font-size: 2rem !important;
}

.video_promo{
    margin-left: 11%;
    margin-top: 0%;
    width: 80%; 
}

.parallax-window {
    background-image: none;
}

.cuadro_dentro_parallax{
    width: 94vh;
    position: relative;
    left: 48vh;
    /*bottom: 65vh;*/
    font-size: 25pt;
    bottom: 27vw;
}

.titulo_footer_blanco{
    left: 2.8vw;
}

.indicadores_insta_tlf{
    display:none;
}

.insta_tlf{
    display:none;
}

.insta_pc{
    display:block;
}

.logo img{
    max-height: 53px;
    margin-left: -8vw;
}

.btn_catalogo{
    left: 32vw;
    height: 3vw;
    width: 8vw;
}

.logo_footer{
    height: 20vh;
    right: 35vw;
}

.carro{
    display:block;
}

.sucios_comerciales {
    padding: 50px 166px;
    padding-top: 80px;
    padding-bottom: 0px;
}

.text_marcas {
    position: relative !important;
    z-index: 2;
    max-width: 99vh !important;
    margin-top: 0 !important;
    background: #ffffff00 !important;
    width: 100% !important;
}
.img_marcas{
    position: relative !important;
    width: 100vh !important;
    left: 0vh !important;
}

.texto_marcas{
    display:block;
}

.carousel-control-next, .carousel-control-prev {
    margin-top: 15%;
    margin-bottom: 15%;
    height: 23vh;
}

.insta_espacio{
    padding: 1.25rem !important;
}

.instagram-media{
    min-width: 326px;
}

.carrusel_instagram {
    padding-left: 10vw !important; 
    padding-right: 10vw !important; 
    margin-top: 5vh;
    margin-bottom: 5vh;
}

.img_larga{
    width: 130vh;
    margin-bottom: 5vh;
}

.img_contacto {
    height: 10vh;
}

.span_sites {
    display: flex;
    width: 19vw; 
}

.slick-slide img {
    display: block;
    height: 175px !important;
}

.victor img {
    height: 131px !important;
}

/*Tamaño del chat del bot*/
:root {
    --peekobot-height: 63vh !important;
  }
  .cerrar {
    position: absolute;
    right: 0;
    outline: none;
    font-size: 1.5vh;
    color: hsl(0, 0%, 50%);
    box-shadow: none;
    border: 1px solid hsl(0, 0%, 60%);
    border-radius: 18px;
    background: hsl(0, 0%, 100%);
    padding: 0.6rem 1rem;
    cursor: pointer;
    top: 0;
}
  #peekobot-container {
    width: 80vw;
    max-width: 326px !important;
    border: 1px solid hsl(0, 0%, 90%);
    border-radius: 12px;
    box-shadow: 2px 2px 5px hsl(0, 0%, 60%);
    padding: 1rem 1rem 2rem 1rem;
    height: var(--peekobot-height);
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 0;
    background-color: #fbfdff;
    margin-right: 10px;
    font-size: 1rem !important;
  } 
  /*Botones respuestas*/
  .choice {
    display: inline-block;
    outline: none;
    border: 1px solid hsl(0, 0%, 0%);
    padding: 0.3rem 0.8rem;
    background-color: hsl(0, 0%, 100%);
    border-radius: 1rem;
    font-size: 0.9rem !important;
    line-height: 1.3;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
  }
  /*Avatar bot*/
  .chat-response:before {
    display: block;
    content: '';
    position: absolute;
    top: 6px;
    background-image: var(--peekobot-avatar);
    background-color: #FFF !important;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 100%;
    width: 40px !important;
    height: 40px !important;
    left: -28px !important;
  }
  .restart {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    outline: none;
    font-size: 12px !important;
    color: hsl(0, 0%, 50%);
    box-shadow: none;
    border: 1px solid hsl(0, 0%, 60%);
    border-radius: 1rem !important;
    background: hsl(0, 0%, 100%);
    padding: 0.2rem 0.5rem !important;
    cursor: pointer;
  }
}

.slick-slide button {
    border: none !important;
    border-radius: 0;
    background-color: #0000;
}

.slick-current{
    display:none !important;
}


.img_grupos{
    height: 61vh;
}
.img_logos_empresas{
    height: 14vh;
}

.victor {
    position: fixed;
    z-index: 9999;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.img_insta{
    height: 30vw;
    width: 25vw;
}
.mini_promo {
    display: flex;
    justify-content: center;
}
.main-footer{
    background-color: #3dace2;
    height: 30vw;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}



div.Header{
    display:none !important;
}


section{
    overflow: hidden;
}


.main-footer {
    padding: 0rem !important;
}

.footer_blanco {
    background-color: #fff;
    width: 100vw;
    height: 20vw;
    display: flex;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    flex-wrap: wrap;
    align-items: center;
}
.hr_footer {
    width: 90%;
    border-top: 3px solid rgba(0, 0, 0, .1);
}

.div_hr_footer {
    display: block;
    width: 100%;
    font-size: 10pt;
}
.span_sites {
    display: flex;
}
.div_letras_footer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 1vw;
    padding-left: 2vw;
}

.span_copyright {
    display: flex;
    justify-content: center;
}