/*.InformacionSucursalFooter {
    margin-left: -5%;
    margin-right: 4%;
}*/
.contenedor_correo {
    position: absolute;
    margin-left: 3.2%;
    margin-top: -23px;
}
.contenedor_direccionBogota {
    position: absolute;
    margin-left: 65px;
    margin-top: -23px;
}
.contenedor_direccionMedellin {
    position: absolute;
    margin-left: 74px;
    margin-top: -23px;
}
.contenedor_direccionCali {
    position: absolute;
    margin-left: 38px;
    margin-top: -23px;
}
.contenedor_direccionBarranquilla {
    position: absolute;
    margin-left: 104px;
    margin-top: -23px;
}
.contenedor_direccionArmenia {
    position: absolute;
    margin-left: 75px;
    margin-top: -23px;
}
.contenedor_pbx {
    position: absolute;
    margin-left: 37px;
    margin-top: -23px;
}
.contenedor_Mexico {
    position: absolute;
    margin-left: 65px;
    margin-top: -23px;
}

.BoderMenu {
    border: 3px solid #808080;
}
.Oculto {
    display: none;
}

input[type="image"]:disabled {
    filter: grayscale(1);
    opacity: .5;
    cursor: not-allowed;
}

img.imglogo {
    width: 252px;
    display: inline;
    position: sticky;
}


/*[data-submenu] {
    display: none;
}
*/

.level3 dynamic {
    display: none;
    position: absolute;
    top: 0px;
    left: 100%;
    margin-top: 50px;
    margin-right: -50px;
    padding-right: 50px;
}

.level4 dynamic,
.level5 dynamic,
.level6 dynamic {

    display: none;
    position: absolute;
    top: 0px;
    left: 100%;
    margin-top: 50px;
    margin-right: -50px;
    padding-right: 50px;
}


/*figcaption:hover .menu1 {
    display: block;
}*/

/*.menu:hover .menu1 {
    display: block;
}*/

.level4.dynamic {
    position: absolute;
    margin-left: 98%;
    display: flex;
    color: white;
    /*margin-top: 15px;*/
    background: #004C9A;
    margin-top: 20px;
}


/*figure:hover figcaption .menu1 {
    display: block;
}
*/
.menu li {
    margin-top: -3%;
}

.menu1 li {
    margin-top: 5px;
}
/*figcaption:hover .menufigure1 {
    display: block;
}
*/
.menufigure1 {
    left: 15vw; /* 15% del ancho del viewport */
}


ul.menu {
    margin-left: 0%;
    border: 3px solid gray;
    padding-top: 22.2px;
    height: 110px;
}

ul.menu-cristaleria {
    margin-left: 0%;
    border: 3px solid gray;
    padding-top: 22.2px;
    height: 72px;
    list-style-type: none;
    padding-left: 14px;
    font-size: 14px;
    width: 285px;
}

.level4.dynamic {
    position: absolute;
    margin-left: 98%;
    display: flex;
    color: white;
    /*margin-top: 15px;*/
    background: #004C9A;
    margin-top: 20px;
}


.level3.dynamic,
.level4.dynamic,
.level5.dynamic {
    position: absolute;
    margin-left: 98%;
    display: flex;
    color: white;
    /*margin-top: 15px;*/
    background: #004C9A;
    margin-top: 20px;
}

a.level3.dynamic {
    color: white;
    height: 30px;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    /*border:1px solid gray;*/
}

a.level4.dynamic,
a.level5.dynamic,
a.level6.dynamic {
    color: white;
    height: 30px;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    /*border:1px solid gray;*/
}



@import url('stylemater.css');


button.navbar-toggler {
    border: none;
    background-color: transparent;
}


.level3.static {
    display: none;
    color: white;
    margin-left: 5px;
}

.level4.static,
.level5.static,
.level6.static {
    display: none;
    color: white;
    margin-left: 5px;
}
.static {
    font-size:15px;


}

.level3.parentMenuItem {
    display: none;
    color: white;
    margin-left: 50px;
    font-family: Arial;
    font-size: 17px;
}

.level4.parentMenuItem,
.level5.parentMenuItem,
.level6.parentMenuItem {
    display: none;
    color: white;
    margin-left: 50px;
    font-family: Arial;
    font-size: 17px;
}


.containerMenuItem.level-2, .containerMenuItem.level-3, .containerMenuItem.level-4, .containerMenuItem.level-5, .containerMenuItem.level-6 {
        display: none;
}

.level3 dynamic {
    display: none;
    position: absolute;
    top: 0px;
    left: 100%;
    margin-top: 50px;
    margin-right: -50px;
    padding-right: 50px;
}

/*figcaption:hover .menu1 {
    display: block;
}*/

/*.menu:hover .menu1 {
    display: block;
}*/

/*figure:hover figcaption .menu1 {
    display: block;
}
*/
.menu li {
    margin-top: -3%;
}

.menu1 li {
    margin-top: 5px;
}
/*figcaption:hover .menufigure1 {
    display: block;
}
*/
.menufigure1 {
    left: 15vw; /* 15% del ancho del viewport */
}

ul.menu {
    margin-left: 0%;
    border: 3px solid gray;
    padding-top: 22.2px;
    height: 105px;
    font-size: 14px;
}

ul.menu-ingredientes {
    margin-left: 0%;
    border: 3px solid gray;
    padding-top: 22.2px;
    height: 80px;
    list-style-type: none;
    padding-left: 9px;
    font-size: 14px;
}

.level3.dynamic {
    position: absolute;
    margin-left: 98%;
    display: flex;
    color: white;
    /*margin-top: 15px;*/
    background: #004C9A;
    margin-top: 20px;
}

a.level3.dynamic {
    color: white;
    height: 30px;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    /*border:1px solid gray;*/
}

.dynamic {
    margin-bottom: 22px;
    margin-top: -20px;
    /*margin-left:20px;*/
    height: 20px;
    /*border: 1px solid gray;*/
}

button.navbar-toggler {
    border: none;
    background-color: transparent;
}

.level3.static {
    display: none;
    color: white;
    margin-left: 5px;
}

.level3.parentMenuItem {
    display: none;
    color: white;
    margin-left: 50px;
    font-family: Arial;
    font-size: 17px;
}

.containerMenuItem.level-2, .containerMenuItem.level-3 {
    display: none;
}

.containerMenuItem .arrow {
    cursor: pointer;
    height: 15px;
    padding-left: 5px;
}

.containerMenuItem .staticMenuItem {
    display: inline !important;
}

.parentMenuItem.hide {
    display: none;
}

.submenu {
    display: none;
}

    .submenu.dynamic:hover .submenu {
        display: none;
    }

#ContentPlaceHolder1_NavigationMenu a.popout {
    background-image: none !important;
    background-position: right center;
    padding-right: 14px;
}



.menu {
    display: inline-block;
    list-style: none;
}

#ContentPlaceHolder1_NavigationMenu a.level2 {
    color: white;
}

div#ContentPlaceHolder1_NavigationMenu {
    margin-top: 35%;
    margin-left: 25px;
}
.botonDesplazarMenu {
    margin-left: 6%;
    position: absolute;
    height: 55px;
    width: 200px;
    margin-top: 4%;
    border: none;
    background: none;
}

a.level1.static {
    color: white;
}

div#navigation {
    width: 100%;
    background-color: #112027;
    min-height: 500px;
    max-height: auto;
    padding-top: 70px;
/*    height: 107%;*/
}



.navigation ul {
    width: 100%;
}

    .navigation ul li {
        width: 100%;
        list-style: none;
    }

        .navigation ul li a {
            color: white;
            font-size: 16px;
            text-decoration: none;
        }


/*input#Button1 {
    border: none;
}*/
/*responssive*/



@media screen and (min-width:1000px) {
    center {
        width: 100%;
    }
    span.navbar-toggler-icon.menuhamburguesa {
        display: none;
    }
    img.whatsaapp {
        width: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }
    /*new*/
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-family: 'Poppins', sans-serif;
    }
    .navbar-toggler {
        /* background: #d0d6c8; */
        margin-top: -3rem;
    }
    .col-md-1 {
        /* flex: 0 0 auto; */
        width: 9% !important;
    }
    .menu{
        width:100%;
    }
    .imgLogoDiscordobaR2 {
        display: none;
    }
    .index_logo_mobile {
        display: none;
    }

    #txtIngredientes {
        width: 128%;
    }
    .imglogoMobile{
        display:none;

    }
    /*body.edge #buscadormaster {
        margin-right: 15vw;
        padding-left: 13%;
        position: static;
        top: 2vh;
        right: 144%;*/
    /* z-index: 600; */
    /*width: 11vw;
        background: rgba(208, 214, 200, 1);
        border-radius: 10vw;
        color: #808080;
        height: 6vh;
        font-size: 1vw;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
        margin-top: -4%;
    }*/
    .contenedor_imagenUsuario {
        display: flex;
        align-items: center;
        gap: 10px; /* Espacio entre los elementos */
    }

    .contenedor_principal_carrito_img {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px; /* Espaciado entre los elementos */
    }

    /* Contenedor del usuario */
    .contenedor_imagenUsuario {
        display: flex;
        align-items: center;
        gap: 10px; /* Espaciado entre íconos y texto */
        max-width: 100%; /* Evita el desbordamiento */
        flex-wrap: nowrap; /* Evita que los elementos salten de línea */
    }


    /* Botón de cerrar sesión */
    .btn-link {
        margin-left: 10px; /* Espaciado adicional si es necesario */
    }

    .container-fluid {
        /*position:absolute;*/
    }


    a:hover {
        color: rgba(79, 120, 137, 1);
    }

    .contenedor_primeraSeccion_nav {
        background: rgba(17, 32, 39, 1);
        height: 70px;
        margin-top: -9px;
        display: flex;
        justify-content: space-between;
    }

    .navbar.navbar-expand-lg.navbar-light.fixed-top {
        z-index: 1000;
        display: block;
        height: 142px;
        position: sticky;
        width: 100%;
    }
    /* .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 0 !important;
    }*/
    .contenedor_iconos_nav {
        display: flex;
    }

    .style_noticias {
        font-size: 22px;
        font-weight: bold;
        color: rgba(208, 214, 200, 1);
        width: 233px;
        text-align: center;
        margin-top: -1.2rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }

    .style_contacto {
        font-size: 22px;
        font-weight: bold;
        color: rgba(208, 214, 200, 1);
        width: 233px;
        text-align: center;
        margin-top: -1.2rem;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }

    .separador_nav {
        width: 49px;
        transform: translateY(-50%) rotate(90deg);
        color: #ACACAC;
        height: 1px;
        margin-top: -0.5rem;
    }
    a {
        color: var(--bs-link-color);
        text-decoration: none;
    }
    .parrafo_Siguenos {
        font-weight: bold;
        margin-left: 21px;
        margin-top: 1.5%;
        position: absolute;
        width: 128px;
        height: 47px;
        font-size: 22px;
        color: rgba(208, 214, 200, 1);
    }

    .contenedor_iconos_Redes a {
        margin-right: 3%; /* Añade un margen de 5px entre cada ícono */
    }

    .imagen_redeSocial {
        width: 26px;
        height: 26px;
    }

    .contenedor_iconos_Redes {
        margin-top: 7%;
        display: flex;
        width: 100%;
        margin-left: 9rem;
    }

    .contenedor_iconos_nav_derc {
        display: flex;
        width: 40%;
        margin-top: 3%;
    }

    #img_carrito1 {
        display: none;
    }


    .navbar-expand-lg .offcanvas .offcanvas-body {
        margin-left: 25%;
        margin-top: -5%;
        position: static;
        padding-top: 5%;
    }

    .contenedor_titulo_pagosLinea {
        width: 38%;
        display: block;
        margin-top: -7%;
        font-size: 24px;
        /* margin-left: 53%; */
        justify-content: center;
        align-items: center;
        text-align: center;
        color: rgba(17, 32, 39, 1);
        font-family: 'Poppins', sans-serif;
        font-weight: 900;
        font-weight: 700;
        -webkit-text-stroke: 1px black;
        margin-left: 3rem;
    }

    .col-12.row.container {
        margin-top: 2%;
        padding: 0vw 0 4vw 4vw !important;
/*        margin-left: 6%;*/
    }

    #form1 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .row.Pago {
        position: relative;
        padding-bottom: 10rem;
        margin-left: 3rem;
        margin-top: 23rem;
        height: 145px;
        width: 123%;
        display: flex;
        flex-direction: column;
        width: 99%;
        margin-top: 24rem;
    }
    .TitleDiscordoba {
        display: none;
    }

    #accordionFlushExample {
        width: 100vw;
    }

    div#footer_master {
        width: 100%;
        margin: 0;
        text-align: justify;
    }

    .footer_master.row.txtsucursal {
        margin: 0;
    }

    a.index_img {
        padding: 0;
    }

    .icon-duotone {
        position: relative;
        padding-left: 2vw;
    }


        /* Step 2: Set the font styles for Duotone */
        .icon-duotone::before, .icon-duotone::after {
            font: var(--fa-font-duotone);
            /* Incluye la configuración básica de estilo de la fuente Font Awesome si aún no lo has hecho */
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            /* Posiciona ambas capas del icono a la izquierda, establece un ancho fijo, centra las capas horizontalmente y luego las alinea verticalmente para que flexionen con diferentes alturas de línea */
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 5vw; /* Ancho del 5% del ancho del viewport */
            text-align: center;
        }






    #img_cuenta,
    #img_cuenta1 {
        width: 67px;
    }

    @font-face {
        font-family: 'Poppins-Regular';
        src: url('../Fonts/Poppins-Regular.ttf') format('truetype');
    }

    /* Invisible texto */
    figcaption {
        display: none;
        transition: all .5s;
    }

    .figcaption_cristaleria {
        width: 187px !important;
    }
    /* Visible texto */
    figure:hover > figcaption {
        display: block;
        transition: all .5s;
        position: absolute;
        color: #ffffff;
        background: rgba(208, 214, 200, 1);
        text-decoration: none;
        list-style: none;
        width: 285px !important;
        margin-top: 0%;
    }

    .linkindex {
        color: #d0d6c8;
        text-decoration: none;
    }

        .linkindex:hover {
            color: #808080;
        }

    .menu {
        display: inline-block;
        list-style: none;
        padding: 5px 5vw 5vh 1vw; /* Ajustando los valores para un diseño más equilibrado */
        margin-left: -4%;
    }


    .menu1 {
        padding: .0vh .5vw .5vh 5.5vw;
        display: inline-block;
        list-style: none;
        width: 22vw;
        margin-left: -21%;
        font-size: 13px;
    }

    .menufigure1 {
        top: 2rem;
        left: 12vw;
        margin-top: -7%;
        width: 86%;
        padding-left: -10%;
    }

    .menutienda {
        color: black;
        text-decoration: none;
        list-style: none;
        display: inline-block;
        list-style: none;
    }

    .menutienda1 {
        color: #ffffff;
        text-decoration: none;
        list-style: none;
        display: inline-block;
        list-style: none;
    }


    .menutienda:hover {
        color: #808080;
    }

    .justify-content-center {
        padding: 0 5vw 0 10vw; /* 5% del ancho del viewport a la izquierda, 10% del ancho del viewport a la derecha */
    }

    #offcanvasBottom10 {
        display: flex;
        width: 100vw; /* Ancho completo del viewport */
        height: 60vh; /* 60% de la altura del viewport */
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 91, 160, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }

    .menuhamburguesa {
        font-size: 25vw; /* El tamaño de fuente es el 10% del ancho del viewport */
    }

    .btn-close {
        filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(-10deg) brightness(90%) contrast(95%);
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/5em auto no-repeat
    }

    .nav-link {
        color: rgba(17, 32, 39, 1);
        font-size: 1vw; /* El tamaño de fuente es el 3% del ancho del viewport */
        border: none;
        background: transparent;
    }


    .txtsucursal {
        background: rgba(17, 32, 39, 1);
        color: rgba(208, 214, 200, 1);
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        margin-left: 2%;
    }

    .col-12 {
        flex: 0 0 auto;
        width: 91%;
    }

    .col-md-3 {
        width: 24%;
       
    }
    .InformacionFotter{
        flex: 1 1 300px;
    }

    .img_redes {
        color: black;
    }

    .txtderechos {
        color: rgba(79, 120, 137, 1);
    }

    .social-media {
        margin-top: 2vh; /* Margen superior del 2% de la altura del viewport */
        padding: 2vh; /* Relleno de 2% de la altura del viewport */
    }

        .social-media li {
            float: right;
            margin: 0 1vw 1vh 0; /* Márgenes en unidades de viewport (vw y vh) */
            display: inline-block;
        }

            .social-media li a {
                height: 8vw; /* Altura del 8% del ancho del viewport */
                width: 8vw; /* Ancho del 8% del ancho del viewport */
                display: block;
                background: url(../img/img-sprite.png);
            }

                .social-media li a:hover {
                    zoom: 1;
                    filter: alpha(opacity=50);
                    opacity: 0.8;
                    -webkit-transition: opacity .15s ease-in-out;
                    -moz-transition: opacity .15s ease-in-out;
                    -ms-transition: opacity .15s ease-in-out;
                    -o-transition: opacity .15s ease-in-out;
                    transition: opacity .15s ease-in-out;
                }


    .divsuscripcion {
        background: rgba(208, 214, 200, 1);
        color: #004C9A;
        font-size: 3vw;
        /* padding: 10vh; */
        width: 100%;
        height: 60%;
        padding-bottom: 12%;
        position: relative;
        position: relative;
        width: 100%;
        height: auto;
        display: grid;
        grid-template-areas: "content images";
        grid-template-columns: 1fr auto;
        align-items: end;
        padding: 2px;
        overflow: hidden;
        position: relative;
        justify-content: flex-start;
        align-items: flex-start;
        padding-bottom: 5rem;
    }
    .imagen_vector1 {
        margin-left: -24rem;
        margin-top: 0%;
    }
    .imagen_vector2 {
        margin-top: -10rem;
        text-align: right;
        grid-area: images;
        justify-self: end;
        align-self: end;
        margin-left: auto;
    }
    .imagen_vector3 {
        margin-top: 0rem;
        /* margin-left: 17.2rem; */
        margin-left: auto;
    }
    /*.imagen_vector2 {*/
        /* height: 195px; */
        /* width: 51%; */
        /*margin-top: -10rem;
        margin-left: 17.4rem;
    }

    .imagen_vector1 {
        margin-left: 9%;
        margin-top: 0%;
    }

    .imagen_vector3 {
        margin-top: 0rem;
        margin-left: 17.2rem;
    }*/

    #txtmail {
        border: 1px solid rgba(17, 32, 39, 1);
        /* border-radius: 3vw; */
        background: #d0d6c8;
    }

    .row-suscripcion {
        display: block;
        margin-top: -133rem;
        position: absolute;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        margin-left: 29rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 10rem;
    }

    #divfoter {
        background: #112027;
        color: #ffffff;
    }

    .txtlinkcta {
        font-size: 4vw;
        color: #004C9A;
        text-align: center;
        border-bottom: 0.10em solid #808080;
    }

    tbody.tbody {
        border: none;
    }


    .txtlinkcta1 {
        font-size: 2vw;
        color: #045BA0;
        text-decoration: none;
    }

    a#lnk_estado1 {
        width: 117%;
        color: black;
        top: -0.6vh;
        position: relative;
        /* right: 3vw; */
        margin-right: 12rem;
        margin-left: -16%;
        font-size: 12px;
        right: 3.5rem;
        font-weight: bolder;
    }

   

    /*old */


    .divblanco {
        display: none;
    }


    a.nav-link.txtmenu.txtinicio,
    a.nav-link.txtmenu.txtTips1,
    a.nav-link.txtmenu.txtcatalogos,
    a.nav-link.txtmenu.txtcontacto1,
    a.nav-link.txtmenu.txtnosotros {
        color: black;
        font-size: 1vw;
    }

    a.nav-link.txtmenu.txtinicio {
        text-decoration: none;
    }

    .divespacios {
        display: none;
    }

    .img_lupa_index {
        margin-top: 0.3%;
        z-index: 10000;
        width: 38px;
        margin-left: -27.9%;
        position: absolute;
    }

    #buscadormaster {
        margin-right: 17vw;
        padding-left: 13%;
        position: static;
        top: 2vh;
        right: 144%;
        /* z-index: 600; */
        width: 13vw;
        background: rgba(208, 214, 200, 1);
        border-radius: 10vw;
        color: #808080;
        height: 5.4vh;
        font-size: 1vw;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
        margin-top: -1rem;
        margin-right: 15vw;
    }


    #logoindex {
        width: 15vw; /* Ancho del 40% del ancho del viewport */
    }

    #img_inicio,
    #img_productos,
    #img_nosotros,
    #img_contacto,
    #img_catalogos {
        display: none;
    }


    #offcanvasNavbarLight {
        /* display: flex; */
        width: 60vw; /* Ancho del 60% del ancho del viewport */
        height: 100vh; /* Altura del 100% de la altura del viewport */
        padding: 5vh 5vw; /* Relleno en unidades de viewport (vh y vw) */
    }


    #imginicio {
        width: 15vw; /* Ancho del 50% del ancho del viewport */
    }

    #txtiniciarsesion {
        font-size: 2vw; /* Tamaño de fuente del 5% del ancho del viewport */
        margin-top: 5%;
    }

    #txttyc {
        color: rgba(79, 120, 137, 1);
    }

    #Txtusuario,
    #txtcontraseña {
        /* width: 50vw;
        height: 6vh; 
        font-size: 2vw; 
        border-radius: 2vw; */
    }

    #olvcontraseña {
        color: rgba(79, 120, 137, 1);
    }

    #btningresar,
    #btnregistrarse {
        width: 45vw;
        background-color: rgba(100, 128, 57, 1);
        border: 1px solid rgba(100, 128, 57, 1);
        color: rgba(208, 214, 200, 1);
        font-weight: bold;
    }

    .imgNuevo {
        width: 30px;
        position: fixed;
        right: 5.5rem;
        top: 5rem;
    }


    #lnk_estado {
        color: #ffffff;
        top: 8.2vw; /* 82px converted to vw */
        position: fixed;
        right: 4vw; /* 40px converted to vw */
    }

    body.edge #lblNombreUsuario {
        top: 9.8vw;
        position: fixed;
        right: 1vw;
        color: rgba(17, 32, 39, 1);
        display: contents;
    }

    #lblNombreUsuario {
        top: 9.8vw;
        position: fixed;
        right: 1vw;
        color: rgba(17, 32, 39, 1);
        display: contents;
    }


    #txtuscribirte {
        font-size: 3vw;
        width: 41%;
        color: rgba(17, 32, 39, 1);
        font-weight: bold;
        font-family: 'Poppins', sans-serif;
        -webkit-text-stroke: 1px black;
    }

    #BTNSUSCRIBETE {
        padding-bottom: 18px;
        width: 142%;
        height: 43px;
        font-size: 1.2vw;
        background-color: #da6b34;
        margin-left: 23%;
        margin-top: -6%;
        color: #d0d6c8;
        font-weight: bold;
        border: 1px solid #da6b34;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    }

    .divsiguenos {
        padding: 2vw 0 0 0;
        font-size: 2vw; /* 30px converted to vw */
    }

        .divsiguenos img {
            width: 3vw; /* 50px converted to vw */
        }

    .txtpagos {
        margin-left: 18%;
        width: 50%;
        padding: 4vw 0 0 0;
        color: #004C9A;
        font-size: 3vw;
    }

    .txt_contenedor_metodosPagos {
        margin-top: 4%;
        width: 83%;
        display: flex;
        margin-left: 23rem;
    }

    .logo_bancolombia {
        margin-top: 83%;
        width: 3.5vw;
    }

    .logo_nequi {
        margin-left: 41%;
        width: 9vw;
        margin-top: -5%;
    }

    #imgpse {
        width: 10vw;
        margin-left: 109%;
        margin-top: 7%;
    }

    .celular_info {
        color: #d0d6c8;
        margin-top: 0.8%;
    }

    .accordionFlushExample,
    .accordion.accordion-flush {
        display: none;
    }

    #imgcuenta {
        display: none;
    }

    #img_carrito {
        position: fixed;
        top: 5rem !important;
        width: 2.8%;
        right: 11rem;
    }


    #img_carrito1 {
        width: 5vw; /* Ancho del 6% del ancho del viewport */
        left: 83vw; /* Desplazamiento horizontal del 83% del ancho del viewport desde la izquierda */
        position: fixed;
        top: 5vh; /* Desplazamiento vertical del 5% de la altura del viewport desde arriba */
    }


    #img_usuario {
        left: 93vw;
        position: fixed;
        top: 6vh;
        width: 2vw;
    }

    /*  body.edge #img_usuario1 {
            margin-left: 505%;
            left: 93vw;
            position: static;
            top: 10.5vh;
            width: 3.3vw;
            filter: brightness(0) saturate(100%);
            margin-top: 40%;
        }*/

    .fixed-button {
        position: fixed;
        top: 6.2rem;
        right: -5rem;
        z-index: 10;
    }

        .fixed-button img {
            max-width: 100%; /* Asegura que la imagen sea responsiva */
            height: auto;
        }

    #img_usuario1 {
        position: fixed;
        width: 2.1vw;
        filter: brightness(0) saturate(100%);
        right: 4rem;
        top: 4.5rem;
    }

    #C {
        left: 95vw;
        position: fixed;
        top: 1.95vh; /* Calculado: 45px / Altura total de la ventana en píxeles * 100vh */
        display: none;
    }

    #img_usuario3 {
        left: 95vw;
        position: fixed;
        top: 1.95vh;
        display: none;
    }



    .navlinkmenu {
        color: #ffffff;
        padding: 2vh 0 2vh 0; /* Relleno en unidades de viewport (vh) */
    }


    .txtmenu {
        color: #ffffff;
        font-size: 1.7vw; /* Tamaño de fuente del 1.7% del ancho del viewport */
        /* text-align: center; */
    }

    #txttienda {
        color: black;
        font-size: 1vw;
        /*text-align: center;*/
        width: 114%;
    }

    #txttienda1 {
        color: black;
        /*text-align: center;*/
        font-size: 1vw;
        display: none;
    }


    .navbar-expand-lg {
        background: rgba(208, 214, 200, 1);
    }

    .imglogo {
        margin-left: 3%;
        top: 124px;
        position: static;
        width: 360px;
        height: 44.27px;
        margin-top: -28%;
    }

    .password-icon {
        padding: 1vh 3vw 0 0; /* Relleno en unidades de viewport (vh y vw) */
        cursor: pointer;
        font-size: 2.5vw; /* Tamaño de fuente del 2.5% del ancho del viewport */
    }

    .whatsapp {
        position: fixed;
        width: 4vw;
        height: 4vw;
        bottom: 5vh;
        right: 5vw;
        background-color: #25d366;
        color: #FFF;
        border-radius: 50%;
        text-align: center;
        font-size: 2vw;
        z-index: 100;
        text-decoration: none;
        padding-top: 1.5vh;
    }

    .whatsapp-icon {
        margin-top: 2vh; /* Desplazamiento vertical del 2% de la altura del viewport desde arriba */
    }

    tbody.tbody {
        border: none;
    }

    input.imgBuscar {
        display: none;
    }

    img.imgLogoDiscordobaR {
        width: 50vw;
        display: none;
    }

    h5#offcanvasNavbarLabel {
        font-weight: bold;
        color: rgba(17, 32, 39, 1);
    }

    .img_CuentaUsuario {
        filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(-10deg) brightness(90%) contrast(95%);
    }

    /*  body.edge .imagen_vector3 {
        margin-top: -8%;
        margin-left: 67%;
    }*/
    div#offcanvasNavbar {
        background-color: rgba(17, 32, 39, 1);
    }

    #lblcantidadtxt {
        /* left: 83rem !important; */
        background: #da6b34;
        border-radius: 50%;
        color: #ffffff;
        text-align: center;
        position: absolute;
        top: 5rem;
        bottom: 18vw;
        right: 10.9rem;
        font-size: 1vw;
        width: 1.5vw;
        height: 1.5vw;
        z-index: 100;
        position: fixed;
    }

    button.navbar-toggler {
        width: 3%;
        height: 8px;
    }

    body.edge ul.menu {
        width: 100%;
    }

    body.edge .navbar-expand-lg .offcanvas .offcanvas-body {
        margin-left: 32%;
        margin-top: -5%;
        position: static;
        padding-top: 5%;
    }

  /*  body.edge #img_carrito {
        position: fixed;
        top: 8.5rem !important;
        width: 3.2%;
        right: 12rem;
    }*/

    body.edge .conetenedor_imagen1 {
        margin-left: 5%;
        padding-left: 21%;
        margin-right: 89px;
        margin-top: -13%;
    }

    body.edge .contenedor_principal_carrito_img {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }

    #img_usuario2 {
        display: none;
    }

    .fixed-text {
        position: fixed;
        top: 8.5rem;
        right: 1.2rem;
        z-index: 1000;
        /*background-color: rgba(255, 255, 255, 0.8);*/
        padding: 10px;
        border-radius: 5px;
        font-size: 13px;
    }

    .label-espaciado {
        margin-bottom: 5%;
        display: flex;
    }

    .contenedor_buttonLink {
        display: flex;
        margin-top: -4%;
    }
 
    input#lnk_estado2 {
        display: contents;
        margin-left: 3%;
        color: rgba(17, 32, 39, 1);
        /*top: 8vh;*/
        position: fixed;
        right: 2vw;
        /*margin-top: 6.9vh;*/
        font-size: 14px;
        display: flex;
        font-size: 11px;
        margin-left: 1rem !important;
    }

    .contenedor_texto_usuario {
        display: block;
        align-items: center;
        justify-content: center;
        white-space: normal;
        overflow: visible;
        text-align: center;
        max-width: 150px;
        word-wrap: break-word;
        line-height: 1;
        font-size: 12px;
        /* margin-top: -16%; */
        gap: 2px;
        padding-top: 1.2rem;
        margin-top: -3.5rem;
    }

    /*body.edge #lblcantidadtxt {*/
        /* left: 83rem !important; */
        /*background: #da6b34;
        border-radius: 50%;
        color: #ffffff;
        text-align: center;
        position: absolute;
        top: 8.2rem;
        bottom: 18vw;
        right: 12rem;
        font-size: 1.3vw;
        width: 2vw;
        height: 2vw;
        z-index: 100;
        position: fixed;
    }*/
    .contenedor_imagen_vectores {
        padding-right: 0px;
        /* margin-top: -5%; */
        /* margin-left: 69%; */
        max-width: 47%;
        grid-area: images;
        justify-self: end;
        align-self: end;
        display: block;
    }
}

@media screen and (min-aspect-ratio: 16/9) and (width: 1920px) and (height: 1080px) {
    .navbar.navbar-expand-lg.navbar-light.fixed-top {
        z-index: 1000;
        display: block;
        height: 154px;
        position: sticky;
        width: 100%;
    }
    .col-md-1 {
        /* flex: 0 0 auto; */
        width: 7% !important;
    }
    #buscadormaster {
        margin-right: 14vw;
        padding-left: 13%;
        position: static;
        top: 2vh;
        right: 144%;
        /* z-index: 600; */
        width: 15vw;
        background: rgba(208, 214, 200, 1);
        border-radius: 10vw;
        color: #808080;
        height: 5.4vh;
        font-size: 1vw;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
        margin-top: -3rem;
    }
    .imgNuevo {
        width: 30px;
        position: fixed;
        right: 5.5rem;
        top: 5rem;
    }
    #txtIngredientes {
        width: 128%;
        padding-right: 7px;
        margin-left: -24%;
    }
    .contenedor_primeraSeccion_nav {
        background: rgba(17, 32, 39, 1);
        height: 78px;
        margin-top: -9px;
        display: flex;
        justify-content: space-between;
    }
    .contenedor_texto_usuario {
        display: block;
        align-items: center;
        justify-content: center;
        white-space: normal;
        overflow: visible;
        text-align: center;
        max-width: 150px;
        word-wrap: break-word;
        line-height: 1;
        font-size: 14px;
        margin-top: -2.5rem;
        gap: 2px;
    }
    .fixed-text {
        position: fixed;
        top: 9rem;
        right: 1rem;
        z-index: 1000;
        /*background-color: rgba(255, 255, 255, 0.8);*/
        padding: 10px;
        border-radius: 5px;
        font-size: 13px;
        gap: 10px;
    }

    figure:hover > figcaption {
        display: block;
        transition: all .5s;
        position: absolute;
        color: #ffffff;
        background: rgba(208, 214, 200, 1);
        text-decoration: none;
        list-style: none;
        width: 262px;
    }

    .contenedor_buttonLink {
        display: flex;
    }
    #img_usuario1 {
        position: fixed;
        width: 1.9vw;
        filter: brightness(0) saturate(100%);
        right: 4rem;
        top: 5rem;
    }
    .fixed-button {
        position: fixed;
        top: 6.2rem;
        right: -5rem;
        z-index: 1000;
    }
    a#lnk_estado1 {
        width: 117%;
        color: black;
        top: -1.5vh;
        position: relative;
        /* right: 3vw; */
        margin-right: 12rem;
        margin-left: -16%;
        font-size: 12px;
        right: 3.5rem;
        font-weight: bolder;
    }
   /* body.edge #lblNombreUsuario {
        top: 4vw !important;
        position: fixed;
        right: 2vw;
        color: rgba(17, 32, 39, 1);
    }*/

    /*input#lnk_estado2 {
        color: rgba(17, 32, 39, 1);
        top: 8vh;
        position: inherit;
        right: 4vw;*/
        /* margin-top: -3.9vh; */
        /*margin-left: 0rem;
        font-size: 11px;
    }*/
    #lblNombreUsuario {
        top: 9.8vw;
        position: fixed;
        right: 1vw;
        color: rgba(17, 32, 39, 1);
        display: contents;
        font-size: 11.5px;
    }

    /*body.edge #buscadormaster {
        margin-top: 1% !important;
    }

    body.edge #img_carrito {
        position: fixed;
        top: 7.5rem !important;
        width: 3.2%;
        right: 13rem;
    }

    body.edge input#lnk_estado2 {
        display: contents;
        margin-left: 3%;
        color: rgba(17, 32, 39, 1);*/
        /*top: 8vh;*/
        /*position: fixed;
        right: 2vw;*/
        /*margin-top: 6.9vh;*/
        /*font-size: 14px;
        display: flex;*/
        /*padding-top: 16px;*/
    /*}

    body.edge a#lnk_estado1 {
        width: 117%;
        color: black;
        top: -3vh;
        position: relative;
        right: 3vw;
        margin-right: 155%;
        margin-left: -14%;
    }*/

    body.edge .conetenedor_imagen1 {
        margin-left: 5%;
        padding-left: 21%;
        margin-right: 89px;
        margin-top: -13%;
    }

  

   /* body.edge .contenedor_principal_carrito_img {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }*/


    /*body.edge #lblcantidadtxt {*/
        /* left: 83rem !important; */
        /*background: #da6b34;
        border-radius: 50%;
        color: #ffffff;
        text-align: center;
        position: absolute;
        top: 7.5rem;
        bottom: 18vw;
        right: 13rem;
        font-size: 1.3vw;
        width: 2vw;
        height: 2vw;
        z-index: 100;
        position: fixed;
    }*/

    .img_lupa_index {
        margin-top: 0.5%;
        z-index: 10000;
        width: 51px;
        margin-left: -28.7%;
        position: absolute;
    }


    #img_carrito {
        position: fixed;
        top: 4.3vw !important;
        width: 2.5%;
    }

    #lblcantidadtxt {
        top: 7%;
        bottom: 18vw;
        right: 9%;
        font-size: 1vw;
        width: 1.5vw;
        height: 1.5vw;
        z-index: 100;
        margin-left: 21rem;
    }

    /*body.edge .contenedor_texto_usuario {
        display: block;
        align-items: center;
        justify-content: center;
        white-space: normal;
        overflow: visible;
        text-align: center;
        max-width: 150px;
        word-wrap: break-word;
        line-height: 1;
        font-size: 14px;*/
        /* margin-top: -16%; */
        /*gap: 2px;
    }*/


   



}


@media screen and (max-width:1440px) {
    #img_carrito {
        /* left: 64rem !important; */
        position: fixed;
        top: 5.8vw;
        width: 3.2%;
        right: 10rem;
    }

  

    #lblcantidadtxt {
        background: #da6b34;
        border-radius: 50%;
        color: #ffffff;
        text-align: center;
        position: fixed;
        top: 5rem;
        bottom: 18vw;
        /* right: 7.5%; */
        font-size: 1.3vw;
        width: 2vw;
        height: 2vw;
        z-index: 100;
        /* margin-top: -0.5% !important; */
        right: 9.8rem;
    }

    body.edge .contenedor_principal_carrito_img {
        margin-left: 54rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        position: fixed;
        display: flex;
        align-items: center;
        margin-top: 11rem;
    }

    .contenedor_principal_carrito_img {
        margin-left: 54rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        position: fixed;
        display: flex;
        align-items: center;
        margin-top: 11rem;
    }


    /* #img_usuario1 {
            margin-left: 78rem;
            left: 93vw;
            position: static;
            top: 10.5vh;
            width: 3.3vw;
            filter: brightness(0) saturate(100%);
            margin-top: 6rem;
        }*/

    body.edge a#lnk_estado1 {
        width: 117%;
        color: black;
        top: -3.6vh;
        position: relative;
        right: 3vw;
        margin-right: 155%;
        margin-left: -16%;
    }
 



    body.edge #form1 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100% !important;
    }

    .img_lupa_index {
        margin-top: 0%;
        z-index: 10000;
        width: 40px;
        position: absolute;
    }

    ul.menu {
        width: 100%;
        font-size: 14px;
    }

    #ContentPlaceHolder1_DataLitsPD {
        margin-top: -1%;
        margin-left: -3rem !important;
    }

    .imglogo {
        margin-left: 3%;
        top: 124px;
        position: static;
        width: 360px;
        height: 50.27px;
        margin-top: -20%;
    }

    input#lnk_estado2 {
        color: rgba(17, 32, 39, 1);
        /*top: 8vh;*/
        position: inherit;
        right: 4vw;
        /*margin-top: -1vh;*/
    }



    #form1 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }
  /*  .imgNuevo {
        width: 36px;
        position: fixed;
        right: 5rem;
        top: 7rem;
    }*/
}

@media screen and (max-width: 1367px) {
    #form1 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }
 /*   #lblNombreUsuario {
        margin-top: 3%;
        top: 9vw;
        position: fixed;
        right: 1vw;
        color: rgba(17, 32, 39, 1);
        font-size: 12px;
    }*/
    a#lnk_estado1 {
        width: 117%;
        color: black;
/*        top: 0.4vh;*/
        position: relative;
        /* right: 3vw; */
        margin-right: 12rem;
        margin-left: -16%;
        font-size: 12px;
        right: 3.5rem;
        font-weight: bolder;
    }
    /*input#lnk_estado2 {
        font-size: 7px;
        color: rgba(17, 32, 39, 1);
        top: 8vh;*/
        /* position: inherit; */
        /*right: 4vw;
        margin-top: -0.5vh;
        margin-left: -4%;

    }*/
    .contenedor_texto_usuario {
        /*margin-left: 11%;*/
        display: block;
        align-items: center;
        justify-content: center;
        white-space: normal;
        overflow: visible;
        text-align: center;
        max-width: 150px;
        word-wrap: break-word;
        line-height: 1;
        font-size: 14px;
        /*margin-top: 13%;*/
    }

 

  /*  body.edge .navbar-expand-lg .offcanvas .offcanvas-body {
        margin-left: 35%;
        margin-top: -4%;
        position: static;
        padding-top: 5%;
    }*/

    #txttienda {
        color: black;
        font-size: 1vw;
        /* text-align: center; */
        width: 115%;
    }

  

    body.edge #lblcantidadtxt {
        left: -2.5rem;
        background: #da6b34;
        border-radius: 50%;
        color: #ffffff;
        text-align: center;
        position: absolute;
        top: 9rem !important;
        bottom: 18vw;
        /* right: 10.5%; */
        font-size: 1.3vw;
        width: 2vw;
        height: 2vw;
        z-index: 100;
    }

    body.edge .contenedor_texto_usuario {
        /* margin-left: 11%; */
        display: block;
        align-items: center;
        justify-content: center;
        white-space: normal;
        overflow: visible;
        text-align: center;
        max-width: 150px;
        word-wrap: break-word;
        line-height: 1;
        font-size: 14px;
        /* margin-top: 13%; */
    }


    /*#lblcantidadtxt {
        left: -2.7rem;
        background: #da6b34;
        border-radius: 50%;
        color: #ffffff;
        text-align: center;
        position: absolute;
        top: 8rem ;
        bottom: 18vw;*/
        /* right: 10.5%; */
        /*font-size: 1.3vw;
        width: 2vw;
        height: 2vw;
        z-index: 100;
    }*/

    body.edge .contenedor_principal_carrito_img {
        margin-left: -4rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        position: fixed;
        display: flex;
        align-items: center;
        margin-top: -6rem;
    }

    .contenedor_principal_carrito_img {
        margin-left: -4rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        position: fixed;
        display: flex;
        align-items: center;
        margin-top: -6rem;
    }


    #img_carrito {
        /* left: 64rem !important; */
        position: fixed;
        top: 5.8vw;
        width: 3.2%;
        right: 10rem;
    }
    .contenedor_imagen_vectores {
        margin-top: -5%;
        margin-left: 70%;
    }

    /*  #lblNombreUsuario {
            margin-top: -2.2%;
            top: 15.2vw;
            position: fixed;
            right: 2vw;
            color: rgba(17, 32, 39, 1);
        }*/

 /*   .navbar-expand-lg .offcanvas .offcanvas-body {
        margin-left: 35%;
        margin-top: -4%;
        position: static;
        width: 66%;
    }*/

    .imglogo {
        margin-left: 3%;
        top: 124px;
        position: static;
        width: 240px;
        height: 45.27px;
        margin-top: -23%;
    }



    .img_lupa_index {
        margin-top: 0rem;
        z-index: 1;
        width: 39px;
        /* margin-left: -17.5rem !important; */
        position: fixed;
        right: 21.7rem;
    }

    body.edge #lblNombreUsuario {
        top: 14.7vw;
        position: fixed;
        right: 2vw;
        color: rgba(17, 32, 39, 1);
        font-size: 14px;
        font-size: 14px;
    }
   
 
}

@media screen and (max-width:1000px) {
    /*new*/
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-family: 'Poppins', sans-serif;
    }
    a {
        text-decoration: none;
    }
    .IconosResponsive3:hover {
        filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(-10deg) brightness(90%) contrast(95%);
    }
    img.whatsaapp {
        width: 29px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }
    .navbar-toggler {
        margin-top: -7rem !important;
    }
    #img_carrito1 {
        display: none;
    }
    #img_usuario1 {
        filter: brightness(0) saturate(100%);
        right: 4rem;
        top: 4.4rem;
        width: 6vw;
        left: 73vw;
        position: fixed;
        top: 3rem;
    }
    .contenedor_primeraSeccion_nav {
        background: rgba(17, 32, 39, 1);
        height: 40px;
        margin-top: -9px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        z-index: 1;
    }
    .parrafo_Siguenos {
        font-size: 12px;
        color: rgba(208, 214, 200, 1);
        margin-top: 0.8rem;
        margin-left: 1rem;
    }
    .contenedor_iconos_Redes {
        margin-left: 5rem;
        margin-top: -2.7rem;
    }
    .celular_info {
        margin-left: 5rem;
        font-size: 8px;
        color: #d0d6c8;
        margin-top: -1rem;
    }
    .imagen_redeSocial {
        width: 14px;
    }
    .contenedor_iconos_nav_derc {
        display: flex;
        width: 40%;
        margin-top: 3%;
    }
    .separador_nav {
        height: 25px;
        margin-left: 0rem;
    }
    .style_noticias {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        font-size: 11px;
        color: #d0d6c8;
        margin-top: 0.2rem;
    }
    .style_contacto {
        margin-top: 0.2rem;
        color: #d0d6c8;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        font-size: 11px;
    }
    #txtEnvases, #txtIngredientes, #txtcristaleria, #txttienda {
        display: none;
    }

    .txtEnvases {
        display: none;
    }

    #img_inicio,
    #img_productos,
    #img_nosotros,
    #img_contacto,
    #img_catalogos {
    }
    .contenedor_imagen_vectores {
        margin-top: -5%;
        margin-left: 70%;
        padding-right: 0px;
        /* margin-top: -5%; */
        /* margin-left: 69%; */
        max-width: 47%;
        grid-area: images;
        justify-self: end;
        align-self: end;
        display: block;
    }
    .imagen_vector1 {
        width: 113%;
        margin-left: -60%;
        margin-top: 14.1%;
    }

    .imagen_vector2 {
        width: 67%;
        margin-top: -50%;
        margin-left: 35%;
        height: 40px;
    }

    .imagen_vector3 {
        width: 72%;
        margin-top: 4%;
        margin-left: 30%;
    }

    #form1 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .EnlaceMenuPrincipal.on {
        filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(-10deg) brightness(90%) contrast(95%);
    }

    img.IconosResponsive {
        margin-top: 117px;
        margin: 2vw;
        width: 51px;
        filter: brightness(0) saturate(100%) invert(66%) sepia(0%) saturate(750%) hue-rotate(0deg) brightness(91%) contrast(100%);
    }

    .row-cols-12 {
        margin-top: -2%;
    }

    .IconosResponsive2 {
        margin-top: 2%;
        width: 85px;
    }

    #img_cuenta1 {
        margin-left: 1%;
        margin-top: 1%;
        width: 18vw;
    }

    .IconosResponsive5 {
        width: 62px;
        margin-top: 2%;
        margin-left: 2%;
    }

    .col-xs-12.col-lg-4.col-md-12.row {
        width: 100%;
        padding: 0;
    }

    .col-md-3.btnSuscribete {
        width: 28%;
    }

    .col-md-8.txtCorreo {
        width: 70%;
    }

    .row.Pago {
        display: grid;
        /* grid-template-columns: repeat(2, 1fr); */
        margin: 0 auto;
        width: 186%;
        padding: 0;
    }

    .container2 {
        height: 1px;
    }

    #accordionFlushExample {
        margin-left: 0%;
        width: 100vw;
        margin-bottom: 21%;
        background: #da6b34 !important;
    }
    .row-cols-12.footerDiscordoba {
        background-color: #ffffff;
    }

    div#footer_master {
        width: 100%;
        margin: 0;
    }

    .contenedor_titulo_pagosLinea {
        font-size: 12px;
        color: black;
        margin-left: 3.5rem;
        margin-top: -6rem;
    }

    .accordion-item {
        background: #da6b34 !important;
    }

    .footer_master.row.txtsucursal {
        margin: 0;
    }

    a.index_img {
        padding: 0;
    }

    .icon-duotone {
        position: relative;
        padding-left: 2vw; /* Ajusta el valor según tus necesidades */
    }

        .icon-duotone::before,
        .icon-duotone::after {
            font: var(--fa-font-duotone);
            /* Incluye la configuración básica de estilo de la fuente Font Awesome si aún no lo has hecho */
            display: inline-block;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            /* Posiciona ambas capas del icono a la izquierda, establece el ancho de ancho fijo, centra las capas horizontalmente y luego las alinea verticalmente para que flexionen con diferentes alturas de línea */
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 5vw; /* Ancho del 5% del ancho del viewport */
            text-align: center;
        }

    #img_cuenta,
    #img_cuenta1 {
        width: 67px;
    }

    @font-face {
        font-family: 'Poppins-Regular';
        src: url('../Fonts/Poppins-Regular.ttf') format('truetype');
    }

    /* Invisible texto */
    figcaption {
        display: none;
        transition: all .5s;
    }
    /* Visible texto */
    figure:hover > figcaption {
        display: block;
        transition: all .5s;
        position: absolute;
        color: #ffffff;
        background: #004C9A;
        text-decoration: none;
        list-style: none;
    }

    .linkindex {
        color: #d0d6c8;
        text-decoration: none;
    }

        .linkindex:hover {
            color: #808080;
        }

    .menu {
        display: inline-block;
        list-style: none;
        padding: 1vh 10vw 5vh 10vw; /* Relleno en unidades de viewport (vh y vw) */
    }


    .menu1 {
        padding: 5vh 10vw 10vh 10vw; /* 5% de la altura del viewport arriba, 10% de ancho a los lados, 10% de altura abajo */
        display: inline-block;
        list-style: none;
        width: 60vw; /* 60% del ancho del viewport */
    }

    .menutienda {
        color: #ffffff;
        text-decoration: none;
        list-style: none;
        display: inline-block;
        list-style: none;
        margin-left: -5%;
        margin-top: -2%;
    }

    li {
        margin-top: -3%;
    }

    .menutienda1 {
        color: #ffffff;
        text-decoration: none;
        list-style: none;
        display: inline-block;
        list-style: none;
    }


    .menutienda:hover {
        color: #808080;
    }

    .justify-content-center {
        padding: 0 5vw 0 10vw; /* 5% del ancho del viewport a la izquierda, 10% del ancho del viewport a la derecha */
    }

    #offcanvasBottom10 {
        display: flex;
        width: 100vw; /* Ancho completo del viewport */
        height: 60vh; /* 60% de la altura del viewport */
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 91, 160, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
    }

    .menuhamburguesa {
        margin-bottom: -4.5rem;
        font-size: 4.8vw;
        margin-top: 4rem;
        /* margin-left: 15rem; */
        filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(-10deg) brightness(90%) contrast(95%);
        position:;
        right: 1rem;
        position: fixed;
    }

    .btn-close {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/5em auto no-repeat filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(-10deg) brightness(90%) contrast(95%);
        filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(-10deg) brightness(90%) contrast(95%);
        font-size: 21px;
    }

    .nav-link, #txtinicio {
        color: rgba(208, 214, 200, 1);
        font-size: 3vw;
        border: none;
    }


    .txtsucursal {
        background: #004C9A;
        color: #ffffff;
    }

    .img_redes {
        color: black;
    }

    .txtderechos {
        color: #ffffff;
    }

    .social-media {
        margin-top: 2vh; /* Margen superior del 2% de la altura del viewport */
        padding: 2vh; /* Relleno de 2% de la altura del viewport */
    }

        .social-media li {
            float: right;
            margin: 0 1vw 1vh 0; /* Márgenes en unidades de viewport (vw y vh) */
            display: inline-block;
        }

            .social-media li a {
                height: 8vw; /* Altura del 8% del ancho del viewport */
                width: 8vw; /* Ancho del 8% del ancho del viewport */
                display: block;
                background: url(../img/img-sprite.png);
            }

                .social-media li a:hover {
                    zoom: 1;
                    filter: alpha(opacity=50);
                    opacity: 0.8;
                    -webkit-transition: opacity .15s ease-in-out;
                    -moz-transition: opacity .15s ease-in-out;
                    -ms-transition: opacity .15s ease-in-out;
                    -o-transition: opacity .15s ease-in-out;
                    transition: opacity .15s ease-in-out;
                }


    .divsuscripcion {
        margin-left: 0%;
        background: #E6E7E9;
        color: #004C9A;
        font-size: 5vw;
        padding: 1.8vh;
        width: 100%;
        background: rgba(208, 214, 200, 1);
        color: #004C9A;
        font-size: 3vw;
        width: 100%;
        height: 60%;
        padding-bottom: 12%;
        position: relative;
        position: relative;
        width: 100%;
        height: auto;
        display: grid;
        grid-template-areas: "content images";
        grid-template-columns: 1fr auto;
        align-items: end;
        padding: 2px;
        overflow: hidden;
        position: relative;
        justify-content: flex-start;
        align-items: flex-start;
    }

    #txtmail {
        border: 0.5vw solid black;
        border-radius: 3vw;
        height: 6vw;
        font-size: 3vw;
        width: 82%;
        margin-left: -21%;
        background: #d0d6c8;
    }

    #divfoter {
        background: #004C9A;
        color: #ffffff;
    }

    .txtlinkcta {
        font-size: 5vw;
        color: #004C9A;
        text-align: center;
        border-bottom: 0.10em solid #808080;
    }

    tbody.tbody {
        border: none;
    }

    .txtlinkcta1 {
        font-size: 5vw; /* Tamaño de fuente del 5% del ancho del viewport */
        color: #045BA0;
        text-decoration: none;
    }

    a#lnk_estado1 {
        color: black;
        top: 5rem;
        position: fixed;
        right: -7.6rem;
        font-size: 2vw;
    }
    #img_usuario3{
        display:none;
    }
    .contenedor_texto_usuario {
        /* margin-left: -5rem; */
        /* margin-left: -5rem; */
        display: block;
        align-items: center;
        justify-content: center;
        white-space: normal;
        overflow: visible;
        text-align: center;
/*        max-width: 71px;*/
        word-wrap: break-word;
        line-height: 0.5;
        font-size: 14px;
        margin-top: 6rem;
        right: 5rem;
        /* margin-right: 103rem; */
        margin-left: -3.3rem;
        /* display: flex
; */
        flex-direction: column;
        display: grid;
        gap: -33px;
        /* margin-bottom: 30px; */
        max-height: 24px;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .contenedor_lblNombreUsuario {
        display: flex;
        margin-left: -1px;
    }
    #lblNombreUsuario {
        position: fixed;
        right: 15vw;
        font-size: 1.8vw;
        color: rgba(17, 32, 39, 1);
        display: block;
        max-width: 19vw;
        white-space: normal;
        word-wrap: break-word;
        text-align: center;
        top: 4.2rem;
        line-height: 1.0;
    }
    .contenedor_buttonLink {
       /* margin-top: -8px;*/
        display: flex;
    }
    b.txtSiguenos {
        margin-left: 5vw;
        margin-right: 3%;
    }

    input#lnk_estado2 {
        right: 12vw;
        margin-top: -2.8vh;
        font-size: 2.8vw;
        /* top: 7vh; */
        position: fixed;
        color: black;
        font-weight: bold;
        text-decoration: none;
    }

    /*old*/
    .footer_master {
        display: none;
    }

    input.imgBuscar {
        width: 10vw; /* Ancho del 10% del ancho del viewport */
        margin-top: -10vh; /* Margen superior del -10% de la altura del viewport */
        margin-left: 50vw; /* Margen izquierdo del 50% del ancho del viewport */
    }

    .contenedor_parrafoCinta {
        width: 119px;
    }

    .quimicos_ingredientes {
        font-size: 17px;
        padding-top: 8%;
    }

    .letra_cristaleria {
        font-size: 17px;
        padding-top: 8%;
    }

    .letra_tapas {
        padding-top: 1%;
        font-size: 15px;
    }

    .letra_envasesV {
        padding-top: 8%;
        font-size: 17px;
    }

    .letra_envasesP {
        padding-top: 8%;
        font-size: 17px;
    }

    #txtpedido {
        margin-left: 0% !important;
    }

    #txtactualizacion {
        margin-left: 0% !important;
    }

    a.nav-link.txtmenu.txtTips1 {
        margin-left: 0% !important;
    }
    .container-fluid {
        background: rgba(208, 214, 200, 1);
        margin-top: -2.3rem;
    }
    .navbar-toggler {
        background: #d0d6c8;
        margin-top: 1rem;
    }
    .imglogo {
        display: none !important;
    }
    .imglogoMobile {
        width: 1.8rem;
        margin-left: -11rem;
        margin-top: 3rem;
        margin-bottom: 0.7rem;
    }
    #divfoter {
        display: none;
    }
    a {
        color: #112027;
        text-decoration: underline;
    }
    #buscadormaster {
        padding-left: 30px;
        border-color: rgba(208, 214, 200, 1);
        position: fixed;
        top: 6.5rem;
        right: 8.5rem;
        /* z-index: 600; */
        /* width: 8vw; */
        background: rgba(208, 214, 200, 1);
        border-radius: 5vw;
        color: #808080;
        height: 4vh;
        font-size: 3vw;
        width: 29%;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        margin-right: 15vw;
        margin-top: -13%;
    }

    .img_lupa_index {
        margin-top: -0.3rem;
        z-index: 1;
        width: 27px;
        /* margin-left: -17.5rem !important; */
        position: fixed;
        right: 16.5rem;
    }
    #img_usuario2{
        display:none;
    }
    .accordion-body {
        background: #112027;
        color: #d0d6c8;
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        margin-left: 3%;
        margin-top: -9%;
        position: static;
        width: 92%;
    }

    #logoindex {
        width: 60vw;
        position: relative;
        text-align: center;
        justify-content: center;
        margin-right: 45px;
        margin-top: -8%;
    }

    #img1 {
        border-radius: 0px !important;
        margin-top: 5.4rem;
        margin-left: -3rem;
        width: 18px;
    }

    #img_carrito {
        width: 8vw;
        /* left: 83vw; */
        position: fixed;
        /* left: 55vw !important; */
        position: fixed;
        top: 3.5rem;
        right: 8.5rem;
    }

    #img_carrito1 {
        width: 6vw; /* Ancho del 6% del ancho del viewport */
        left: 83vw; /* Desplazamiento horizontal del 83% del ancho del viewport desde la izquierda */
        position: fixed;
        top: 5vh; /* Desplazamiento vertical del 5% de la altura del viewport desde arriba */
    }

    #img_usuario,
    #img_usuario2,
    #img_usuario3 {
        width: 6vw; /* Ancho del 6% del ancho del viewport */
        left: 90vw; /* Desplazamiento horizontal del 90% del ancho del viewport desde la izquierda */
        position: fixed;
        top: 4vh; /* Desplazamiento vertical del 4% de la altura del viewport desde arriba */
    }

    #offcanvasNavbar2 {
        display: flex;
        width: 80vw; /* Ancho del 80% del ancho del viewport */
        height: 100vh; /* Altura del 100% de la altura del viewport */
        background: rgba(17, 32, 39, 1);
        /*margin-left: -10vw;*/
    }

    .nav-link {
        font-size: 5vw; /* El tamaño de fuente es el 3% del ancho del viewport */
        margin-bottom: 5% !important;
    }

    /*.nav-item{
        border:5px solid #F3F3F3;
        border-radius:20px;
    }*/


    .nav-item:hover {
        /*transform: scale(1.1);*/
        /* border: 5px solid #045BA0;*/
        border-radius: 5vw; /* Radio del borde del 5% del ancho del viewport */
    }

    #img_inicio,
    #img_nosotros,
    #img_contacto,
    #img_catalogos,
    img#img_Usuario {
        display: block;
        width: 8vw; /* Ancho del 90% del ancho del viewport */
        top: 2vh; /* Desplazamiento vertical del 2% de la altura del viewport desde arriba */
        height: 8vh; /* Altura del 10% de la altura del viewport */
    }
    #img_productos {
        display: block;
        width: 8vw;
        top: 2vh;
        height: 5vh;
    }
    #offcanvasNavbarLight {
        display: flex;
        width: 100vw; /* Ancho del 100% del ancho del viewport */
        height: 100vh; /* Altura del 100% de la altura del viewport */
    }

    #imginicio {
        width: 50vw; /* Ancho del 50% del ancho del viewport */
    }

    #txtiniciarsesion {
        font-size: 5vw; /* Tamaño de fuente del 5% del ancho del viewport */
        color: rgba(100, 128, 57, 1);
    }

    #Txtusuario {
    }

    #txtcontraseña {
    }


    #btningresar,
    #btnregistrarse {
        width: 80vw; /* Ancho del 60% del ancho del viewport */
        height: 5vh; /* Altura del 10% de la altura del viewport */
        font-size: 4vw; /* Tamaño de fuente del 4% del ancho del viewport */
        background-color: rgba(100, 128, 57, 1);
        border: 1px solid rgba(100, 128, 57, 1);
    }

    #txttyc {
        color: #817e7e;
        font-size: 3vw; /* Tamaño de fuente del 2.5% del ancho del viewport */
    }

    .txt1 {
        color: #045BA0;
    }

    .txt2 {
        color: black;
    }

    #olvcontraseña {
        color: rgba(100, 128, 57, 1);
        font-size: 3vw; /* Tamaño de fuente del 1.5% del ancho del viewport */
    }

    #txttienda1 {
        margin-left: 19%;
        margin-top: -19%;
        width: 110%;
    }

    #txttienda {
        color: #045BA0;
        /* text-align: center; */ /* Puedes mantener o quitar esta línea según tu diseño */
        display: none;
    }

    #lblcantidadtxt {
        background: #da6b34;
        border-radius: 50%;
        color: #ffffff;
        text-align: center;
        position: fixed;
        top: 3.5rem;
        bottom: 18vw;
        right: 8.5rem;
        font-size: 2.8vw;
        width: 4vw;
        height: 4vw;
        z-index: 100;
    }

    #lnk_estado {
        top: 15vh; /* Desplazamiento vertical del 15% de la altura del viewport desde arriba */
        position: fixed;
        right: 5vw; /* Desplazamiento horizontal del 5% del ancho del viewport desde la derecha */
    }

  /*  #lblNombreUsuario {
        top: 9vh;
        position: fixed;
        right: 3vw;
        font-size: 1.8vw;
    }
*/
    #txtuscribirte {
        font-size: 3.5vw;
        text-align: center;
        margin-top: -33%;
        margin-left: 5rem;
        width: 74%;
        font-weight: bold;
        color: black;
    }

    .row-suscripcion {
        display: block;
        width: 134%;
        margin-top: 58%;
        margin-left: 1rem;
    }

    #BTNSUSCRIBETE {
        font-weight: bold;
        color: #d0d6c8;
        margin-left: 1rem;
        margin-top: 0.1rem;
        font-size: 2.5vw;
        background-color: #da6b34;
        height: 25px;
        border-radius: 21px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        border: 1px solid #da6b34;
        padding-top: 6px;
    }

    .divsiguenos {
        padding: 2vh 0 0 0;
        font-size: 4vw; /* Tamaño de fuente del 4% del ancho del viewport */
        text-align: left;
    }

        .divsiguenos img {
            width: 10vw; /* Ancho del 10% del ancho del viewport */
        }

    .txtpagos {
        padding: 2vh 0 0 0;
        color: #004C9A;
        font-size: 4vw; /* Tamaño de fuente del 4% del ancho del viewport */
    }

    .txt_contenedor_metodosPagos {
        margin-left: 6%;
        display: flex;
        width: 171%;
        margin-top: -0.5rem;
    }
    #imgpse {
        width: 13vw !important;
        margin-bottom: 1rem !important;
        margin-left: 93% !important;
    }
    .accordion-flush .accordion-item .accordion-button {
        background: rgb(17 32 39) !important;
        color: rgb(208 214 200) !important;
        font-size: 4vw;
        font-weight: bold;
        border: 0.1px solid #da6b34;
        position: relative;
        cursor: pointer;
        transition: all 0.3s ease;
    }
    
    .accordion-button::after {
        content: "+";
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 24px;
        color: #da6b34;
        background-image: none !important;
        width: auto;
        height: auto;
        transition: all 0.3s ease;
    }

    .accordion-button:not(.collapsed)::after {
        content: "-";
        transform: translateY(-50%);
    }

    .accordion-header {
        background: #004C9A;
        color: #ffffff;
    }
    
    .accordion-body {
        background: rgb(17 32 39);
        color: rgb(208 214 200);
        padding: 15px;
    }
    
    /* Animaciones para el acordeón */
    .accordion-collapse {
        transition: all 0.3s ease-in-out;
    }
    
    .accordion-collapse.collapse {
        display: none;
    }
    
    .accordion-collapse:not(.collapse) {
        display: block;
    }

    .footer_master1 {
        padding-right: 0% !important;
        margin-left: -4%;
    }

    .navbar-expand-lg {
        /*background: #ffffff;*/
    }

    .txtmenu1 {
        font-size: 5vw;
        font-weight: bold;
    }

    .divbarraazul {
        display: none;
    }

    .password-icon {
        cursor: pointer;
        font-size: 6vw; /* Tamaño de fuente del 6% del ancho del viewport */
    }

    .whatsapp {
        position: fixed;
        width: 13vw; /* Ancho del 13% del ancho del viewport */
        height: 13vw; /* Altura igual al ancho para hacer un círculo */
        bottom: 18vh; /* Desplazamiento vertical del 18% de la altura del viewport desde abajo */
        right: 10vw; /* Desplazamiento horizontal del 10% del ancho del viewport desde la derecha */
        background-color: #25d366;
        color: #FFF;
        border-radius: 50%; /* Borde circular */
        text-align: center;
        font-size: 10vw; /* Tamaño de fuente del 10% del ancho del viewport */
        z-index: 100;
        text-decoration: none;
        padding-top: 0.8vh; /* Relleno en unidades de viewport (vh) */
    }

    .whatsapp-icon {
        margin-top: 1.5vh; /* Desplazamiento vertical del 1.5% de la altura del viewport desde arriba */
    }


    tbody.tbody {
        border: none;
    }

    .item-menu {
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: left;
        align-items: center;
    }

        .item-menu .col-md-1 {
            display: none;
        }

        .item-menu .col-md-2 {
            width: fit-content !important;
            margin: 0 !important;
        }

        .item-menu .col-md-9.navlinkmenu figure {
            display: none;
        }

        .item-menu a {
            display: block !important;
            width: fit-content !important;
            /* margin: 1px !important; */
            margin-top: 1px;
        }

    #img_Usuario {
        margin-top: -3vh;
    }

    .item-menu img,
    .item-menu .relleno {
        display: block !important;
        width: 30px !important;
        height: auto !important;
        /* margin: -1px !important; */
        padding: 0 !important;
        margin-top: -17px;
    }

    img.imgLogoDiscordobaR2 {
        width: 50vw;
    }
    img.imgLogoDiscordobaR{
        display:none;
    }
    h5#offcanvasNavbarLabel {
        font-weight: bold;
        color: rgb(208 214 200) !important;
    }

    div#offcanvasNavbar {
        background-color: rgba(17, 32, 39, 1) !important;
    }
    #Button1 {
        background: rgba(17, 32, 39, 1);
    }
    .img_CuentaUsuario {
        filter: invert(50%) sepia(100%) saturate(500%) hue-rotate(-10deg) brightness(90%) contrast(95%);
    }
}
@media screen and (max-width: 412px) and (min-height: 915px) and (orientation: portrait) {
    .img_lupa_index {
        margin-top: -0.4rem;
        right: 17.8rem;
    }
    input#lnk_estado2 {
        right: 11vw;
        margin-top: -1.8vh;
        font-size: 2.4vw;
        position: fixed;
        color: black;
        font-weight: bold;
        text-decoration: none;
    }
    #lblNombreUsuario {
        position: fixed;
        right: 12vw;
        font-size: 1.8vw;
        color: rgba(17, 32, 39, 1);
        display: block;
        max-width: 19vw;
        white-space: normal;
        word-wrap: break-word;
        text-align: center;
        top: 4.3rem;
        line-height: 1.0;
    }
    #img_usuario1 {
        filter: brightness(0) saturate(100%);
        right: 7rem;
        top: 4.4rem;
        width: 6vw;
        left: 76vw;
        position: fixed;
        top: 3rem;
    }
}
a {
    text-decoration: none;
}


@media (min-width: 992px) {
    .navbar-expand-lg .navbar-toggler {
        display:block;
    }
}
.txt_contenedor_metodosPagos {
    position: relative;
    z-index: 10;
}

    .txt_contenedor_metodosPagos a {
        display: inline-block;
        position: relative;
        z-index: 10;
        pointer-events: auto;
    }

        .txt_contenedor_metodosPagos a:hover {
            text-decoration: none;
        }

    .txt_contenedor_metodosPagos img {
        pointer-events: auto;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    /* Estilos específicos para asegurar que el enlace PSE funcione */
    .txt_contenedor_metodosPagos p {
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 10;
    }

        .txt_contenedor_metodosPagos p a {
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
            z-index: 10;
            pointer-events: auto;
            cursor: pointer;
        }

            .txt_contenedor_metodosPagos p a img {
                width: 100%;
                height: auto;
                display: block;
                pointer-events: auto;
                cursor: pointer;
            }

    /* Asegurar que no haya elementos superpuestos */
    .txt_contenedor_metodosPagos * {
        pointer-events: auto;
    }

/* Estilos específicos para pantallas pequeñas */
@media screen and (max-width: 1000px) {
    .txt_contenedor_metodosPagos p a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 10;
        pointer-events: auto;
        cursor: pointer;
    }

        .txt_contenedor_metodosPagos p a img {
            width: 100%;
            height: auto;
            display: block;
            pointer-events: auto;
            cursor: pointer;
        }
}