/* Fix para Select2 dentro de modales de Bootstrap */
/* Asegura que el dropdown de Select2 aparezca por encima del modal (z-index > 1050) */
.select2-container--open {
    z-index: 1051;
}

/* este estilo es para que no haga el efecto palpitoad*/
.modal.modal-static .modal-dialog {
transform: none !important;
-webkit-transform: none !important;
}
/*-----------------------------------------*/
.sidebar a {
    color: #ffffff !important;
}
.brand-link {
    color: rgb(255 255 255) !important;
}
.cuadros_intranet img{
    width: 100%;
}
.cantidad_pro {
    width: 8vh;
}

.logos_contactos_modal{
    display: flex;
    justify-content: space-around;
}

.logos_contactos_modal a{
    display: flex;
    width: fit-content;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.logos_contactos_modal img{
    height: 10vw;
}
.logos_contactos_modal h4{
    color:#fff;
}

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

.titulo_logos_contactos_modal{
    color: #524f4f;
    width: fit-content;
    padding: 10px 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    border-radius: 10px;
    background-color: #f0f0f0;
}

.botones_ejecutado{
    border: solid #c5c5c5;
    border-radius: 10px;
    margin-top: 0.5rem;
    cursor: pointer;
    padding: 5px;
}
.result_drog{
    overflow-y: scroll;
    height: 21vh;
}
.result_drog::-webkit-scrollbar {
    width: 7px;
}
.result_drog::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    border-radius: 20px;
}
/*.main-sidebar{
    background: linear-gradient(270deg, #00317b, #0b1449);
}*/

.globo_texto{
    width: fit-content;
    padding: 10px 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    border-radius: 10px;
    background-color: #f0f0f0;
}

.modal_solo_conte_sin_fondo{
    background-color: #ffffff00 !important;
    border: 0px solid rgb(0 0 0 / 7%) !important;
    box-shadow: 0 .25rem .5rem rgb(0 0 0 / 0%) !important;
}

html {
    scroll-behavior: smooth;
    transition: all 1s ease-out;
}
.icono_navbar{
    color:#000 !important;
}
/*.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%}
}

@-webkit-keyframes slide-out-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
}
@keyframes slide-out-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
}

.slide-out-left {
	-webkit-animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

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

.fa-trash-alt:hover {
    color: #7a0606;
}
.fa-trash-alt {
    color: #d73535;
}

.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: 10px;
}
.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{
    border-radius: 1rem;
}


.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;
}

.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%}
}

.fondo_figuras{
    background: url(../../../img/Figuras_Fondo_Transparente.png) center center repeat-y;
    background-size: cover;
}

/* ----------------------------------- 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;
}





.cuadros_numeros{
    background-color: #002e45;
    color: #f1eeee;
    text-align: center;
    margin:1vw;
}

.cua_num{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cua_num h2{
    font-size: 5rem;
}



.text_contador {
    line-height: 1.6rem;
}

.cuadros_numeros_1{
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
}

.cuadros_numeros_2{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 2;
}

.cuadros_numeros_3{
    grid-column-start: 3;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 2;
}

.titulo_logos_mapa{
    color: #fff;
    font-size: 1.2rem;
}
.cuadros_logos_text_mapa{
    margin: 0px 2vw;
}

.cuadros_logos_text_mapa img{
    cursor:pointer;
    height: 5vw;
}

.texto1_landing_page{
    color: #f1eeee;
    text-align: center;
    margin: 1vw;
}

.seccion_historia_landing_page{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
}

.imagen1_landind_page{
    border-radius: 150px 0px 0px 150px;
    height: 30vw;
}

.links_landing_page:hover{
    color: #ffffffbd;
    text-decoration: none;
}



#lista_pedidos_welcome tbody tr {
    cursor: pointer;
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
#lista_pedidos_welcome tbody tr:hover {
    transform: scale(1.02);
    background-color: #e3f2fd;
}

.preloader {
  background-color: #454d55 !important;
}

/* Estilos dinámicos para el carrusel de Instagram (soporta N items) */

.contenido_carrusel_instagram {
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
}

.contenido_carrusel_instagram .carta {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform 0.5s ease, opacity 0.5s ease;
    opacity: 0;
    z-index: 0;
    pointer-events: none; /* Desactiva clicks por defecto */
    transform: translate3d(0, 0, -100px); /* Estado oculto/atrás */
}

.contenido_carrusel_instagram .carta.prev {
    transform: translate3d(-116%, 0, -200px);
    opacity: 0.6;
    z-index: 50;
}

.contenido_carrusel_instagram .carta.next {
    transform: translate3d(116%, 0, -200px);
    opacity: 0.6;
    z-index: 50;
}

.contenido_carrusel_instagram .carta.active {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    z-index: 100;
}
.carousel-indicators-custom {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    z-index: 100;
    width: 100%;
}
.indicator-line {
    width: 30px;
    height: 4px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    transition: background-color 0.3s ease;
    cursor: pointer;
}
.indicator-line.active {
    background-color: #fff;
}





.contenido_carrusel_instagram label {
    pointer-events: none; /* Desactiva clicks en todas las cartas por defecto */
}

/* Habilita el click solo cuando el radio correspondiente está marcado (imagen en el centro) */
#item-1:checked ~ .contenido_carrusel_instagram #song-1,
#item-2:checked ~ .contenido_carrusel_instagram #song-2,
#item-3:checked ~ .contenido_carrusel_instagram #song-3 {
    pointer-events: auto;
    cursor: pointer;
    z-index: 100; /* Asegura que la del centro esté al frente */
}

.boton_dentro_bot{
    color: #0b7ea6 !important;
    background-color: #ffffff;
    box-shadow: none;
    font-weight: 800;
    border-radius: 24px;
    height: 2rem;
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    width: fit-content;
}

.modal_expoSalud {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    /* background-color: #fff; */
    background-clip: padding-box;
}
.text_modal_expoSalud{
    position: absolute;
    top: 0;
    left: 10vw;
    width: 38vw;
    height: 100%;
    background-color: #00000094;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.p_modal_expoSalud{
    width: 29vw;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.1;
}
.input_modal_expoSalud{
    margin-top: 3px;
    margin-bottom: 3px;
}
.logo_expoSalud{
    height: 12vw;
}
.form_modal_expoSalud{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

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


@media (min-width: 350px){

.img_modal_expoSalud{
    height: 36vw;
}
    
.body_slide {
    height: 52vh;
}

.flechas_banner_insta{
    cursor: pointer; 
    font-size: 2rem; 
    color: #ffffff; 
    opacity: .5;
}

.contenido_welcome{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.alfer_welcome{
    height: 36vh; 
    margin-top: 20px;
}

.content_carrusel_historia_landing_page{
    --opacidad-negro: 0.5;
    background-image: url(../../../img/Banners/landing_page/imagen%20pal%20brochure.png);
    height: 100%;
    /*width: 91vw;*/
    background-size: cover;
    display: flex;
    flex-direction: row;
}

.seccion_mision_valores_landing_page{
    margin-top: 16px;
    margin-bottom: 16px;
    height: 110vw;
    display: flex;
}

.seccion_links_landing_page {
    margin-top: 16px;
    margin-bottom: 16px;
    height: 118vw;
    display: flex;
}

.contenido_carrusel2_landing_page{
    height: auto;
}

.titulo_contactos_landing_page{
    color: #0b7ea6 !important;
    background-color: #ffffff;
    box-shadow: none;
    font-weight: 800;
    border-radius: 24px;
    height: 2rem;
    display: flex;
    padding: 1.6rem 0.75rem;
    align-items: center;
    justify-content: center;
}
.titulo_compras_internacionales{
    font-size: 22pt;
}

.valores_landing_page p{
    margin-bottom: 0.1rem;
}

.seccion_contactos_landing_page{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.icono_contacto_landing_page{
    height: 50vw;
}


.parrafo_landing_page{
    line-height: 20px;
    text-align: justify !important;
}

.contenido_carrusel1_landing_page {
    height: 59vw;
    cursor: pointer;
}

.img_mision_vision_valores_landing_page{
    height: 98vw;
    position: absolute;
    left: -164px;
}

.cuadros_mision_vision_valores_landing_page {
    width: 52vw;
    margin-left: 46vw;
    margin-right: 1vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.seccion_mision_landing_page {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.objetivos_general_diario{
    width: 72vw;
}

.subobjetivos_diario{
    width: 190vw;
}

.comentario-objetivo{
    width: 46vw;
} 

.objetivo-actions{
    display: flex;
    flex-direction: row;
}

.linea-pedido .select2-container{
    width: 56vw !important;
}
.cantidad_form{
    width: 18vw;
}
.precio_form{
    width: 18vw;
}
.descuento_form{
    width: 16vw;
}
.precio_desc_form{
    width: 18vw;
}
.subtotal_form{
    width: 18vw;
}

.head_chatbot{
    border-radius: 12px 12px 0px 0px;
    width: 100%;
    height: calc(var(--peekobot-height) - 92%);
    background-color: hsl(196.74deg 100% 37.25%);
    box-shadow: 2px 2px 5px hsl(0, 0%, 60%);   
}
.icono_alfer{
    display: block;
    background-image: var(--peekobot-avatar);
    background-color: #FFF !important;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

.p_modal_blog{
    text-align: justify;
    padding: 2vw 3vw;
}

.contenido_logos_vend {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: column;
}

.logos_redes img {
    height: 7vh;
}

.img_prod_modal{
    width: 46vw;
    position: initial;
}
.p_prod {
    width: 75vw;
    font-size: 2.5vh;
}
.modal_productos{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    /* grid-auto-rows: minmax(100px, auto);*/
}

.div_p_prod_izq h4 {
    font-size: 2.5vh;
}

.productos_web{
    width:23vh;
}

.lista_prod{
    justify-content: space-between;
}
.card_prod{
    margin-left: 0;
}

.nom_clase_terap{
    display:none;
}

.active_text_nom_clase_terap{
    width: min-content;
    transition: width 0.5s;
    transition: 0.7s;
    /*font-size: 1.2rem;*/
}
.active_text_nom_clase_terap .nom_clase_terap{
    display: block;
    /*font-size: 1.2rem;*/
}
.active .nom_clase_terap{
    display: block;
    color: #fff;
    /*font-size: 1.2rem;*/
}
.active .nom_clase_terap.clas_todos{
    color: #000;
}
.active.btn_filtro_prod{
    width:min-content;
}

.btn_filtro_prod:hover .clas_todos{
    color:#000;
}

/*Carrusel inicio*/

.inner img {
    /* height: inherit; */
    height: 65vw;
    width: 100vw;
}
.hero-slider .carousel-cell {
  background-size: 100vw 64vw;
}
.hero-slider {
  height: 65vw;
}
.hero-slider .flickity-page-dots {
    bottom: 18px;
}

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


.img_primer_art{
    height: 31vw;
}

.img_logo_alfa_footer{
    height: 18vw;
    position: absolute;
    z-index: 1;
    margin-top: -12vw;
}

.span_copyright {
    /*display: flex;
    justify-content: center;*/
    position: absolute;
    z-index: 1;
    margin-top: 17vw;
    font-size: 0.6rem;
}

.content_mapa{
    display: flex;
    text-align: center;
    padding: 1vw 0vw;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.alfer_lupa{
    height: 56vw;
}

.btn_click_farmacovigilancia{
    font-size: 0.25rem;
}

.movilidad_asistida {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.info_web {
    width: 99vw;
    padding-bottom: 6vw;
    padding-right: 4vw;
    padding-left: 4vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.cuadros_numeros_info{
    padding: 1vw;
    text-align: center;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    /*height: 110vw;*/
    height:auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.cua_num{
    /*height: 40vw;*/
    height: auto;
}

.contador_mas{
    font-size: 2rem;
}

.contador{
    font-size: 2rem;
}
.text_contador {
    font-size: 1.2rem;
}

.banner_3_web{
    padding: 1.25rem !important;
    height: auto;
}

#carrusel_3_web{
    height: inherit;
}

.banner_3_web .carousel-inner{
    height: inherit;
}

.banner_3_web .carousel-item{
    height: inherit;
    cursor: pointer;
}

.banner_3_web .carousel-indicators{
    margin-bottom: -1.3rem;
}

.banner_3_web img{
    height: 30vw;
    border-radius: 46px;
}

#modal_nuevas_entradas .modal-lg{
    display: flex;
    max-width: 100%;
    /*margin: 6.75rem 3rem;*/
    margin: 29 auto;
}

.modal_ExpoSalud .modal-xl{
    margin: 5.75rem auto;
}

.img_modal_expoSalud_tlf{
    height: 71vh;
}

.form_modal_expoSalud_tlf{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 30%;
    left: 0;
}

.input_modal_expoSalud_tlf{
    margin-top: 1px;
    margin-bottom: 2px;
    height: calc(1.5rem + 2px);
    font-size: 0.8rem;
}

.boton_form_modal_expoSalud_tlf{
    padding: 0.1rem .75rem;
    font-size: 0.8rem;
}

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



#modal_nuevas_entradas img{
    height: 38vh;
}

.titulo_aliados_comerciales{
    color:#ffff;
}

.banner_4_web img{
    width: 19vw;
    height: 19vw;
    /* object-fit: contain; */
    border-radius: 50%;
    pointer-events: none;
}

.banner_4_web .carousel-control-next, .banner_4_web .carousel-control-prev {
    margin-top: 0;
    margin-bottom: 0;
    height: auto;
    }

.banner_4_web .carrusel_4_web{
    cursor:grab;
}

/* Oculta el overflow para que solo se vea la mitad */
.banner_4_web .carousel-inner {
  position: relative;
  overflow: visible;
}

/* Efecto difuminado a la izquierda (anterior) */
.banner_4_web .carousel-item.active::before {
    /*content: ""; quitar comentario para que se vea*/
    position: absolute;
    left: -11vw;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /*background: radial-gradient(circle at right, rgba(255, 255, 255, 0.7) 60%, transparent 100%);*/
    background: #ffffff96;
    z-index: 1;
    pointer-events: none;
    width: 18vw;
    height: 18vw;
    border-radius: 50%;
}

/* Efecto difuminado a la derecha (siguiente) */
.banner_4_web .carousel-item.active::after {
    /*content: "";*/
    position: absolute;
    right: -11vw; /* Ajusta según el tamaño de tu imagen */
    /*top: 50%;
    transform: translateY(-50%);*/
    /*background: radial-gradient(circle at left, rgba(255,255,255,0.7) 60%, transparent 100%);*/   
    background: #ffffff96;
    z-index: 1;
    pointer-events: none;
    width: 18vw;
    height: 18vw;
    border-radius: 50%;
}

.titulo_farmacovigilancia{
    font-size: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.titulo_farmacovigilancia h3 {
    font-size: 1.3rem;
    line-height: 0.9;
}
.titulo_farmacovigilancia1{
    color: #00a4bb;
}
.titulo_farmacovigilancia2{
    color: #006e84;
    font-weight: 600;
}

.banner_5_web{
    /*height: 97vw;*/
    height:auto;
}

.titulo_grande_banner_5{
    display:block;
    position: absolute;
    top: 34%;
    left: 26%;
    color: #fff;
    font-size: 3rem;
}

.texto_banner_5{
    display: none;
    position: absolute;
    top: 46%;
    left: 4%;
    right: 4%;
    color: #fff;
    font-size: 1rem;
    text-align: justify;
}


/*.active_banner_5 .slidebg{
    background-position: 0 -9vw;
}*/

.active_banner_5 .texto_banner_5 {
    display: block;
    opacity: 1;
}

.active_banner_5 .titulo_grande_banner_5 {
    left: 2%;
    transition: 0.7s;
}

.cuadro_farmacovigilancia{
    /*background-color: #fff;*/
    /* border-radius: 10px; */
    display: flex;
    /* width: 52vw; */
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    height: 98vw;
}

.div_content_farmaco{
    border-radius: 20px;
    width: 86vw;
    background-color: #fff;
    height: 62vw;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.cuadro_text_farmaco{
    width: 44vw;
    padding: 3vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: justify;
    font-size: 0.46rem;
}

.primer_art {
    width: 46vw;
    height: 31vw;
    padding: 2vw;
    background-color: #ffff;
    color: #000000;
    text-align: justify;
    font-size: 1.3vw;
}

.titulo_primer_art{
    text-align: center;
    color:#000000;
    font-size: 4vw;
}

.titulo_art_popu {
    text-align: center;
    color: #ffffff;
    font-size: 4vw;
}

.texto_farmacovigilancia_link{
    text-align: end;
}

.div_titulos_art p{
    color:#8cb4c9;
    font-size: 4vw;
}

.div_titulos_art p:hover{
    color:#fff;
}

.text_primer_art{
    text-align: justify;
}

.botones_scroll {
    overflow-x: scroll;
}
.botones_scroll::-webkit-scrollbar {
    height: 8px;
}
.botones_scroll::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
    border-radius: 20px;
}
.botones_scroll::-webkit-scrollbar-track {
    background: #e7f8fc00;
}

.img_larga{
    border-radius: 3px;
    width: 54vh;
}
.btn_filtro_prod{
    font-size: 3.3vw;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: nowrap;
}
.btn_filtro_prod img{
    height: 8vh;
}
.img_contacto {
    opacity: .8;
    height: 5vh;
}

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


/* estilos cartas blog*/

/* Estilos para las tarjetas de revistas en el carrusel */
.card-revista {
  width: 15rem; /* Ancho reducido para tarjetas más pequeñas */
  margin: 0 1.5rem; /* Aumenta la separación entre tarjetas */
  border: 1px solid rgba(255, 255, 255, 0.2); /* Borde sutil para que se vea el recuadro */
  border-radius: 15px; /* Bordes más redondeados para la tarjeta */
  background-color: rgba(255, 255, 255, 0.05); /* Fondo semitransparente opcional */
  color: white;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  overflow: hidden; /* Asegura que la imagen respete el borde redondeado */
}

.card-revista:hover {
    transform: scale(1.05); /* Efecto de zoom al pasar el cursor */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Sombra para resaltar */
}

.card-revista img {
  height: 200px; /* Altura de la imagen reducida */
  object-fit: cover;
}

.card-revista .card-body {
  padding: 1rem; /* Padding uniforme */
}

.card-revista .card-title {
    font-size: 1rem; /* Tamaño de fuente ajustado */
    font-weight: bold;
}
#carrusel_revistas .carousel-control-next, #carrusel_revistas .carousel-control-prev {
    margin-top: 10%;
    margin-bottom: 10%;
    height: 8vh;
}

#carrusel_revistas .carousel-indicators{
    margin-bottom: 0rem;
    bottom: -1.8rem;
}


.cuadro_varios_art{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}

.contenido_blog{
    display: flex;
    justify-content: space-evenly;
}

figure.snip0016 {
  font-family: 'Raleway', Arial, sans-serif;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 10px;
  min-width: 220px;
  max-width: 336px;
  max-height: 240px;
  width: 91%;
  /*background: #000000;*/
  background: #000000c2;
  text-align: left;
}
figure.snip0016 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0016 img {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0016 figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 38px 3em;
  width: 100%;
  height: 100%;
}
figure.snip0016 figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 100%;
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  content: '';
  opacity: 0;
  /*background-color: rgba(255, 255, 255, 0.5);*/
  background-color: #00000075;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016 h2,
figure.snip0016 p {
  margin: 0 0 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s,-webkit-transform 0.35s,-moz-transform 0.35s,-o-transform 0.35s,transform 0.35s;
}
figure.snip0016 h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-transform: uppercase;
  -webkit-transform: translate3d(30%, 0%, 0);
  transform: translate3d(30%, 0%, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
figure.snip0016 h2 span {
  font-weight: 800;
}
figure.snip0016 p {
  font-weight: 200;
  -webkit-transform: translate3d(0%, 30%, 0);
  transform: translate3d(0%, 30%, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
figure.snip0016 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
figure.snip0016:hover img {
  /*opacity: 0.3;*/
  opacity: 0.5;
}
figure.snip0016:hover figcaption h2 {
  opacity: 1;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  /*font-size: 6vw;*/
}

figure.snip0016 figcaption h2 {
  font-size: 4vw;
}

figure.snip0016:hover figcaption p {
  opacity: 0.9;
  -webkit-transform: translate3d(0%, 0%, 0);
  transform: translate3d(0%, 0%, 0);
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
figure.snip0016:hover figcaption::before {
  /*background: rgba(255, 255, 255, 0);*/
  left: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/* Mantiene el texto de las tarjetas del blog siempre visible */
.contenido_blog .snip0016 img {
  opacity: 0.8;
}

.contenido_blog .snip0016 figcaption::before {
  left: 30px;
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.contenido_blog .snip0016 h2,
.contenido_blog .snip0016 p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

/*--------------- 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: 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: 0.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: 2vh;
    color: hsl(0deg 0% 100%);
    box-shadow: none;
    border: 0px solid hsl(0, 0%, 60%);
    border-radius: 18px;
    background: hsl(0deg 0% 100% / 0%);
    padding: 0.6rem 1rem;
    cursor: pointer;
    top: 0;
    /*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: 0,7rem;
    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;
    /*height:35vh;*/
    height: auto;
    width: 36vh;
}

.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;
    font-size: 1.7rem;
}

.img_marcas{
    position: relative !important;
    width: 100vh !important;
    left: 0vh;
}
.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
}

#quienes_somos{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    grid-template-rows: 18vw;
    height: 74vw;
}

.p_quienes_somos{
    font-size: 3vw;
    width: 79vw;
}

.alfa_1{
    width: 196vw;
}

.logito_alfa{
    height: 63vw;
}
.img_grupos{
    height: 63vw;
}

.cuadros_responsive{
    margin-top: 58vw;
}
.titulos_alfa_lizze {
    color: #e1c286;
    font-size: 11vw;
}

#body_modal_inv{
    /*height: 38vw;*/
    height: auto;
}

#politica_calidad{
    margin-top: 4vw;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    grid-template-rows: 18vw;
    height: 74vw;
}
.p_politica_calidad{
    font-size: 3vw;
    width: 79vw;
    text-align: center;
}

.img_footer {
    height: 36vw;
    width: 100vw;
    z-index: 1;
}

.texto_font_size_footer{
    font-size: 1vw;
}

/*.cuadro_mapa svg{
    display: none;
}*/
.img_map{
    display: block;
    height: 54vw;
}

.contenido_carrusel_movilidad_asistida{
    height: 58vh;
    cursor:pointer;
}

#modal_movilidad_asistida img{
    height: 77vh;
}

.a_catalogo{
    background-color: #ffffff;
    box-shadow: none;
    font-weight: 800;
    border-radius: 24px;
    height: 2.2rem;
    display: flex;
    align-items: center;
    padding: 0.375rem 0.15rem;
    color: #0b7ea6;
    font-size: 0.8rem;
}
.a_catalogo:hover{
    color: #0b7ea6;
}
.a_catalogo img{
    width: 10vw;
    margin:0vw 1vw;
    height: inherit;
}

.logos_normas{
    position: absolute;
    z-index: 1;
    margin-top: 31vw;
}

.logos_normas img{
    width: 5vw;
}

.div_catalogo{
    display: flex;
    position: absolute;
    right: 1vw;
    margin-top: 2vh;
}

}

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


@media (min-width: 985px){
    
.body_slide {
    height: 89vh;
}

.contenido_welcome{
    flex-wrap: nowrap;
}

.alfer_welcome{
    height: 24vw;
}

.content_carrusel_historia_landing_page{
    height: 83vh;
}

.texto1_landing_page{
font-size: 29pt;
}

.parrafo_landing_page{
    line-height: 41px;
}

.content_carrusel_historia_landing_page .carousel-inner{
    height: 80vh;
}

.contenido_carrusel2_landing_page{
    height: 50vh;
}

.seccion_mision_valores_landing_page{
    height: 89vh;
}

.seccion_links_landing_page {
    height: 89vh;
}

.img_mision_vision_valores_landing_page {
    height: 54vw;
    left: -52px;
}

.contenido_carrusel1_landing_page {
    height: inherit;
}

.cuadros_mision_vision_valores_landing_page{
    width: 50vw;
    margin-top: 0vw;
    margin-bottom: 0vw;
}

.seccion_mision_landing_page{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
}

.objetivos_general_diario{
    /*width: 35vw;*/
    width: 19vw;
}

.subobjetivos_diario{
    width: 45vw;
}

.comentario-objetivo{
    width: 10vw;
}
    
.linea-pedido .select2-container{
    width: 32vw !important;
}
 
.cantidad_form{
    width: 6vw;
}
.precio_form{
    width: 6vw;
}
.descuento_form{
    width: 4vw;
}
.precio_desc_form{
    width: 6vw;
}
.subtotal_form{
    width: 6vw;
}

.a_catalogo{
    height: 3.2rem;
    padding: .375rem .75rem;
    font-size: 1rem;
}

.a_catalogo img {
    width: 4vw;
    margin: 0vw 1vw;
    height: inherit;
}
.div_catalogo{
    right: 4vw;
    margin-top: 0vh;
}

.logos_normas img{
    width: 2vw;
}

.logos_normas{
    margin-top: 20vw;
}
    
.modal_blog img{
    width: 25vw;
}

.cuadro_mapa{
    width: 49vw;
}

.contenido_logos_vend{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    align-items: end;
}

.p_prod{
    width: 42vw;
    font-size: 3vh;
}
.div_p_prod_izq h4 {
    font-size: 3.5vh;
}

.img_prod_modal{
    width: 38vw;
    /*position: absolute;
    left: 46vw;
    top: 2w;*/
}

.lista_prod{
    justify-content: flex-start;
}
.card_prod{
    margin-left: 0rem;
}
.productos_web{
    width:auto;
}

.modal_productos {
    grid-template-columns: repeat(2, 1fr) fit-content(15vw);
}

/*Carrusel inicio*/

.inner img {
    height: inherit;
    width: auto;
}
.hero-slider .carousel-cell {
  background-size: contain;
}
.hero-slider {
  height: 39vw;
}
.hero-slider .flickity-page-dots {
    bottom: 30px;
}

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

.btn_filtro_prod{
    font-size: 3.3vw;
}

.img_primer_art{
    height: inherit;
}

.primer_art {
    height: auto;
    font-size: 1.2vw;
}
.titulo_primer_art{
    font-size: 3vw;
}

.titulo_art_popu{
    font-size: 3vw;
}
.cuadro_varios_art{
    grid-template-columns: repeat(2, 1fr);
}

figure.snip0016 {
    width: 100%;
}

.div_titulos_art p{
    font-size: 1.2vw;
}

/*figure.snip0016:hover figcaption h2 {
    font-size: 1.8vw;
}*/

figure.snip0016 figcaption h2 {
    font-size: 1.4vw;
}

.img_logo_alfa_footer{
    height: 10vw;
}

.span_copyright {
    margin-top: 11vw;
    font-size: 1rem;
    text-align: center;
}

.alfer_lupa{
    height: 32vw;
}

.cuadro_text_farmaco{
    font-size: 2rem;
}
.btn_click_farmacovigilancia{
    font-size: 1rem;
}
.titulo_farmacovigilancia h3{
    font-size: 3rem;
}

.cuadro_text_farmaco {
    font-size: 1.3vw;
    }

.div_content_farmaco{
    border-radius: 20px;
    width: 65vw;
    background-color: #fff;
    height: 28vw;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.cuadro_farmacovigilancia{
    height: 30vw;
}
.banner_4_web img{
    width: 14vw;
    height: 14vw;
}
.banner_4_web .carousel-item.active::before {
    left: -7vw;
    width: 14vw;
    height: 14vw;
}
.banner_4_web .carousel-item.active::after {
    right: -7vw; /* Ajusta según el tamaño de tu imagen */
    width: 14vw;
    height: 14vw;
}

.movilidad_asistida{
    align-items: center;
    display: flex;
    flex-direction: row;
}

.info_web{
    width: 65vw;
    padding-right: 4vw;
    padding-left: 4vw;
    padding-bottom: 0vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.cuadros_numeros_info{
    /*height: 17vw;*/
    height:auto;
}

.cua_num{
    /*height: 10vw;*/
    height:auto;
}
.contador_mas{
    font-size: 3rem;
}

.contador{
    font-size: 3rem;
}
.text_contador {
    font-size: 1.6rem;
}

#modal_movilidad_asistida img{
    height: 87vh;
}

.cuadro_mapa svg{
    display: inline-block;
}

.img_map{
    display: none;
}

.img_footer{
    height: 23vw;
}

.texto_font_size_footer{
    font-size: 1rem;
}

.p_politica_calidad{
    font-size: 1.4vw;
    width: 49vw;
}
#politica_calidad{
    grid-template-rows: 4vw;
    height: 24vw;
}


.titulo_grande_banner_5{
    top: 7%;
    font-size: 2rem;
}

#body_modal_inv{
    /*height: 59vh;*/
    height: auto;
}
.titulos_alfa_lizze {
    font-size: 3.2rem;
}
.cuadros_responsive{
    margin-top: 0vw;
}

.text_marcas {
    margin-top: 25vh;
}
.img_grupos{
    height: 32vw;
}
.logito_alfa{
    height: 143vw;
}
.alfa_1{
    width: auto;
}

#quienes_somos{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
    grid-template-rows: 4vw;
    height: 30vw;
}
.p_quienes_somos{
    font-size: 1.4vw;
    width: 49vw;
}

.btn_filtro_prod{
    font-size: 0.9vw;
}


.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;
}
#modal_nuevas_entradas img {
    height: 48vh;
}
#modal_nuevas_entradas .modal-lg {
    margin: 13.75rem 0rem;
}

.banner_5_web {
    /*height: 39vw;*/
    height:auto;
}

.titulo_footer_blanco{
    left: 2.8vw;
}

.indicadores_insta_tlf{
    display:none;
}

.insta_tlf{
    display:none;
}

.insta_pc{
    display:block;
}

.logo img{
    max-height: 8vw;
    /*margin-left: -4vw;*/
}

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

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

.texto_banner_5 {
    top: 23%;
    font-size: 1.5rem;
}

.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: 30%;
    margin-bottom: 30%;
    height: 23vh;
}



.insta_espacio{
    padding: 1.25rem !important;
    height: 58vh;
    width: 31vw;
}



.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: 155px !important;
}

/*Tamaño del chat del bot*/
:root {
    --peekobot-height: 63vh !important;
  }
  .cerrar {
    position: absolute;
    right: 0;
    outline: none;
    font-size: 2vh;
    color: hsl(0deg 0% 100%);
    box-shadow: none;
    border: 0px solid hsl(0, 0%, 60%);
    border-radius: 18px;
    background: hsl(0deg 0% 100% / 0%);
    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_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: #000000;*/
    /*height: 30vw;*/
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-top: none !important; 
}



div.Header{
    display:none !important;
}


section{
    overflow: hidden;
}


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

.footer_blanco {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(45,44,35,1) 57%, rgba(155,109,57,1) 81%, rgba(194,167,67,1) 95%, rgba(155,109,57,1) 100%);
    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;
}

::-webkit-scrollbar {
    width: 12px;
  }
  ::-webkit-scrollbar-track {
    background: #343d3f;
  }
  ::-webkit-scrollbar-thumb {
    background: #9f9f9f;
    border-radius: 12px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #6c6b6b;
    border-radius: 12px;
  }


  .filtri{
    transform: translate3d(570px, 0px, 0px) scale3d(1, 1, 1) !important;
  }

  .btn_filtro_prod{
    background-color: #96acfd;
    border-color: #96acfd ;
    box-shadow: none;
  }
  .btn_filtro_prod:hover {
    color: #fff;
    background-color: #4060d3;
    border-color: #4060d3;
}

.filtr-item{
    cursor:pointer;
}

.modal_body_blanco{
    height: 33vw !important;
    background-color: #edf2f3 !important;
}
.modal_body_negro{
    height: 33vw !important;
    background-color: #222222 !important;
    color: #fff;
}

.titulo_prod_izq{
    /*left: 5vw;*/
    position: relative;
    top:3vw;
    font-weight: 800;
    /*font-size: 4rem;*/
    font-size: 3vw;

    grid-column: 1 / 2;
    grid-row: 1;
}

.titulo_prod_dere{
    right: 5vw;
    position: relative;
    top: 3vw;
    font-weight: 800;
    font-size: 3vw;
    /*display: flex;
    flex-direction: row-reverse;*/
    grid-column: 2 / 2;
    grid-row: 1;
}

.letras_dorado{
    color:#e1c286;
}

.div_p_prod_izq{
    /*font-size: 1.7rem;*/
    font-size: 1.4vw;
    width: 100%;
    position: relative;
    top: 1vw;
    left: 3vw;

    grid-column: 1 / 2;
    /*grid-row: 2;*/
    grid-row: 1;
}

.div_p_prod_izq h4{
    font-weight: bolder;
}

.div_p_prod_dere{
    font-size: 1.4vw;
    width: 100%;
    position: relative;
    /*top: 8vw;*/
    right: 5vw;
    display: flex;
    flex-direction: row-reverse;
    grid-column: 2 / 2;
    grid-row: 2;
}



.contenedor_contenedor_caract_ico_izq{
    /*display: flex;
    position: relative;
    top: 15vw;
    left: 5vw;*/
    display: flex;
    position: relative;
    /* top: 15vw; */
    left: 1vw; 
    grid-column: 1 / 2;
    grid-row: 3;
}

.contenedor_contenedor_caract_ico_dere{
    display: flex;
    flex-direction: row-reverse;
    position: relative;
    /*top: 15vw;*/
    right: 5vw;

    grid-column: 2 / 2;
    grid-row: 3;
}

.contenedor_caract_iconos{
    display: flex;
    justify-content: space-around;
    width: 40vw;

}

.caracteristicas_iconos{
    display: flex;
    flex-direction: column;
    align-items: center; 
    /*font-size: 1.7rem;*/
    font-size: 1.4vw;
}

.bg-light{
    background-color: rgb(248 249 250 / 0%) !important;
}




.img_logo_lizze_footer{
    height: 3vw;
    position: absolute;
    z-index: 2;
    right: 5vw;
    margin-top: -15vw;
}

.text_footer{
    display: flex;
    position: absolute;
    z-index: 2;
    width: 40vw;
    right: 0vw;
}

.insta_lizze{
    display: flex;
    position: absolute;
    z-index: 2;
    margin-top: 13vw;
    right: 15vw;
}


.truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 2.8em; /* Ajusta según el tamaño de fuente */

}

.contenido{
    /*margin-top: 130px;*/
}

.redes{
    background: #002e45;
    color:#fff;
    height: 11vh;
    display: flex;
    align-items: center;
}
.redes_inside {
    position: absolute;
    left: 4vw;
}
.logos_redes{
    display: flex;
    justify-content: center;
    /*height: 7vh;*/
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
}

.boton_iniciar_sesion_web{
    color: #0b7ea6;
    background-color: #ffffff;
    box-shadow: none;
    font-weight: 800;
    border-radius: 24px;
    height: 3rem;
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
}

.nav-active{
    color: #0b7ea6 !important;
    background-color: #ffffff;
    box-shadow: none;
    font-weight: 800;
    border-radius: 24px;
    height: 2rem;
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
}

.navbar_web{
    position: sticky;
    background-image: url(../../../img/Footer_Pagina_Web.webp);
}

.contenido_item{
    display: grid;
    grid-template-columns: repeat(2, 0fr);
    justify-items: end;
    align-items: stretch;
    height: 28vw
}

.texto_principal_blog{
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /* height: 2.8em; */
}

#carrusel_3_web li{
    background-color: #020202;
}

/*Estilo del formulario de varios pasos*/
#msform {
	width: 500px;
	margin: 50px auto;
	text-align: center;
	position: relative;
}
#msform fieldset {
	background: white;
	border: 0 none;
	border-radius: 3px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	
	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#msform input, #msform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	/*font-family: montserrat;*/
	color: #2C3E50;
	font-size: 13px;
}
/*buttons*/
#msform .action-button {
	width: 100px;
	background: #45cfeb;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px;
	margin: 10px 5px;
  text-decoration: none;
  font-size: 14px;
}
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
}
#progressbar li {
	list-style-type: none;
	color: white;
	text-transform: uppercase;
	font-size: 9px;
	width: 22.33%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: white;
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: white;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #45cfeb;
	color: white;
}
/* Fix para que los radio buttons y checkboxes sean visibles en el formulario */
#msform input[type="radio"],
#msform input[type="checkbox"] {
    cursor: pointer;
    display: inline-block;
    -webkit-appearance: auto; /* Para Chrome/Safari */
    -moz-appearance: auto;    /* Para Firefox */
    appearance: auto;         /* Estándar */
    opacity: 1;
    width: auto;
    height: auto;
    position: static;
    margin-right: 5px; /* Un poco de espacio entre el círculo y el texto */
}