@import url("https://use.typekit.net/qxp0moe.css");
*{
            margin: 0px ;
            padding: 0px ;           
            letter-spacing: .2px;
            
            
font-family: montserrat, sans-serif;
font-style: normal;
font-weight: 300; 
/*    font-size:small;*/
    

        }


#header .logo,.side-header-narrow-bar-logo{max-width:111px}@media (min-width:1220px){#header .logo{max-width:111px}}@media (max-width:991px){#header .logo{max-width:111px}}@media (max-width:767px){#header .logo{max-width:80px}}#header.sticky-header .logo{max-width:100px}@media (min-width:992px){}.page-top .page-title-wrap{line-height:0}.page-top .page-title:not(.b-none):after{content:'';position:absolute;width:100%;left:0;border-bottom:1px solid #f40405;bottom:-16px}body.single-product .page-top .breadcrumbs-wrap{padding-right:55px}#header.sticky-header .main-menu > li.menu-item > a,#header.sticky-header .main-menu > li.menu-custom-content a{color:#222529}#header.sticky-header .main-menu > li.menu-item:hover > a,#header.sticky-header .main-menu > li.menu-item.active:hover > a,#header.sticky-header .main-menu > li.menu-custom-content:hover a{color:#f40405}#login-form-popup{position:relative;width:80%;max-width:525px;margin-left:auto;margin-right:auto}#login-form-popup .featured-box{margin-bottom:0;box-shadow:none;border:none;border-radius:0}#login-form-popup .featured-box .box-content{padding:45px 36px 30px;border:none}#login-form-popup .featured-box h2{text-transform:uppercase;font-size:15px;letter-spacing:.05em;font-weight:600;line-height:2}#login-form-popup .porto-social-login-section{margin-top:20px}.porto-social-login-section{background:#f4f4f2;text-align:center;padding:20px 20px 25px}.porto-social-login-section p{text-transform:uppercase;font-size:12px;color:#444444;font-weight:600;margin-bottom:8px}#login-form-popup .col2-set{margin-left:-20px;margin-right:-20px}#login-form-popup .col-1,#login-form-popup .col-2{padding-left:20px;padding-right:20px}@media (min-width:992px){#login-form-popup .col-1{border-right:1px solid #f5f6f6}}#login-form-popup .input-text{box-shadow:none;padding-top:10px;padding-bottom:10px;border-color:#ddd;border-radius:2px;line-height:1.5 !important}#login-form-popup .form-row{margin-bottom:20px}#login-form-popup .woocommerce-privacy-policy-text{display:none}#login-form-popup .button{border-radius:2px;padding:18px 24px;text-shadow:none;font-family:Poppins,sans-serif;font-size:12px;letter-spacing:-0.025em}#login-form-popup label.inline{margin-top:15px;float:right;position:relative;cursor:pointer;line-height:1.5}#login-form-popup label.inline input[type=checkbox]{opacity:0;margin-right:8px;margin-top:0;margin-bottom:0}#login-form-popup label.inline span:before{content:'';position:absolute;border:1px solid #ddd;border-radius:1px;width:16px;height:16px;left:0;top:0;text-align:center;line-height:15px;font-family:'Font Awesome 5 Free';font-weight:900;font-size:9px;color:#aaa}#login-form-popup label.inline input[type=checkbox]:checked + span:before{content:'\f00c'}#login-form-popup .social-button i{font-size:16px;margin-right:8px}#login-form-popup p.status{color:#444444}.porto-social-login-section .google-plus{background:#dd4e31}.porto-social-login-section .facebook{background:#3a589d}.porto-social-login-section .twitter{background:#1aa9e1}.featured-box .porto-social-login-section i{color:#fff}.porto-social-login-section .social-button:hover{background:var(--bs-primary)}html.panel-opened body > .mfp-bg{z-index:9042}html.panel-opened body > .mfp-wrap{z-index:9043}h1,h2,h3,h4,h5{letter-spacing:-0.01em}


.yith-wcwl-share li a{color: #FFFFFF;}.yith-wcwl-share li a:hover{color: #FFFFFF;}.yith-wcwl-share a.facebook{background: #39599E; background-color: #39599E;}.yith-wcwl-share a.facebook:hover{background: #595A5A; background-color: #595A5A;}.yith-wcwl-share a.twitter{background: #45AFE2; background-color: #45AFE2;}.yith-wcwl-share a.twitter:hover{background: #595A5A; background-color: #595A5A;}.yith-wcwl-share a.pinterest{background: #AB2E31; background-color: #AB2E31;}.yith-wcwl-share a.pinterest:hover{background: #595A5A; background-color: #595A5A;}.yith-wcwl-share a.email{background: #FBB102; background-color: #FBB102;}.yith-wcwl-share a.email:hover{background: #595A5A; background-color: #595A5A;}.yith-wcwl-share a.whatsapp{background: #00A901; background-color: #00A901;}.yith-wcwl-share a.whatsapp:hover{background: #595A5A; background-color: #595A5A;}




/*
 Montserrat Thin

font-family: montserrat, sans-serif;

font-weight: 100;

font-style: normal;

Montserrat ExtraLight

font-family: montserrat, sans-serif;

font-weight: 200;

font-style: normal;

Montserrat Light

font-family: montserrat, sans-serif;

font-weight: 300;

font-style: normal;

Montserrat Alternates Regular

font-family: montserrat-alternates, sans-serif;

font-weight: 400;

font-style: normal;

*/

/*
  @font-face { font-family: Roboto; src: url('https://joinet.com/assets/fonts/roboto/Roboto-Light.ttf'); } 
      h1 {
         font-family: Roboto
      }
@import url('https://fonts.googleapis.com/css2?family=Neonderthaw&display=swap');
*/


.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/loader_001.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

.banorte{
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #AD0C0C;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    border-radius: 10px 10px 10px 10px;
    padding: 8px 8px 8px 17px !important;
}

.bancomer{
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #194383;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    border-radius: 10px 10px 10px 10px;
    padding: 8px 8px 8px 17px !important        ;
    margin-top: 20px;
}


.btn-dark {
    color: #fff!important;
    background-color: #000000!important;
    border-color: #030404!important; /*set the color you want here*/
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open>.dropdown-toggle.btn-dark {
    color: #fff!important;
    background-color: #565656!important;
    border-color: #000000!important; /*set the color you want here*/
    border-style: solid;
}


    .carritoMovil{
        display:none;
    }
.pasosCarrito{
    font-size: large;
    margin-inline: auto;
}

.T2col1 {
/*     font-weight: 600;*/
}

.tEncab {
    font-weight: 600; 
}



.T2col2, .T2col3, .T2col4, .T2col5, .T2col6{
    text-align-last: center;
    vertical-align: middle;
    
}
.pasosCarritoTexto{
    font-size: large;
    margin-inline: auto;
    display: inline;
/*    vertical-align: middle;*/
    font-weight: bold;
    font-family: Poppins,sans-serif;
    
    letter-spacing: -0.025em;
}

.textoRojo{
    color:red;
}

.textoGris{
    color:grey;
}

.FooterMovil{
    display: inline;
}
.logosMovil{
    display:inline;
}
.textoNegro{
    color:black;
}
a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

.telefonoText{
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .2px
}

body {font-family: montserrat, sans-serif !important;}
body a{
    

    outline: none!important;
    text-decoration: none;
    }


.pad0{
    padding:0px!important
        
}

.dot{
    height: 50px;
  width: 50px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  text-align-last: auto;
    margin: 0px 0 0 0;   
    position:relative;
    top:5px;
/*    left:.7px;*/
    
    
}
.circle {
    display: block;
    background-color:red;
      
    height:50px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    width:50px;
     -webkit-transition: all .2s ease;
      -moz-transition: all .2s ease;
      -ms-transition: all .2s ease;
      transition: all .2s ease;
    
    
}

.circle:hover{
     height: 70px;
     width:  70px;  
    border:4px solid white;  
}



.dotMovil{
   display:none;
    
    
}
.circleMovil {
   display:none;
    
}

.circleMovil:hover{
    display:none;  
}


.mainheader{
    background-color: red;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.textoExistenciayPrecios{
    text-align:left;     
    font-size : 12px;
    line-height:120%;
    padding: 0 0 0 10px
        
}


.textoExistenciayPrecios2{
    text-align:left;     
    font-size : 13px;
    line-height:120%;
    padding: 0 0 0 10px
        
}


.textoExistenciayPrecios3{
    text-align:left;     
    font-size : 15px;
    line-height:120%;
    padding: 0 0 0 10px
        
}

        .gracias{
            font-size: 22px;
            font-stretch: expanded;
            text-align: center;
            padding-top:15px;
        }
        .regresar{
            font-size: 22px;
            font-stretch: expanded;
            text-align: center;
            padding-top:15px;
        }
        .foto_vendedor{
            border-radius: 50%;
            text-align:center;
        }
        .ventas_datos {
            list-style: none;
            text-align: center;
            padding: 0px;
        }

thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

                .skumovil{
                    margin:0;
                    font-size:11px;
                }

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}


    .tablaMovil{
        display:none;
    }
.barrabusqueda{
    display: flex;  
    justify-content: center;  
    flex-wrap: nowrap;  
    flex-direction: row;  
    align-items: center;
    padding:10px;
}

.barrabusqueda-espacio{
    
    inline-size: fit-content;

}


.btn:hover {
/*  box-shadow : 0px 0px 0px 5px dimgrey;*/
  color : white;
  background-color : dimgrey;   
}

.btn2:hover {
/*  box-shadow : 0px 0px 0px 5px dimgrey;*/
  color : white !important;
  background-color : #FF4D50 !important;   
}
.Col2{
     font-size:11px;
     font-weight: bold;
}


.carritoImporte{
    display:none;
    font-size: 10px;
    background: #000000;
/*    color: #fff;*/
    color: #fff;
    padding: 0 5px;
    vertical-align: top;
    position: absolute;
    border-radius: 9px;
/*    left: 60%; */
/*    bottom: 9%;*/
    left: 0%; 
    bottom: 0;
/*    top:100%;*/
/*    font-size:small;*/
}

 .floating-container {
  position: fixed;
  width: initial;   
  z-index: 100;
           
}

 .trDescrip{
            display:none;
        }

.tamLogo{    
     height:80px;    
}


@media only screen and (max-width:980px) {
.elegatelogo
        {display: none !important;}
}

/* .tamImgCarrito{
    right: 300px;
    border-radius: 1px!important; 
    width: 35px !important; 
    background-color: red; 
      


} */
.botoncarrito{
    background-color:Red;
    border-radius: 8px!important;
    padding: 10px 10px 10px 10px;
    border: 3px;
    
  }

.telefonoTextMovil{
         font-size: small !important;   
         display:none;  
    }


.tamImgTel{
/*    border-radius: 50%; */
    width:40px; 
/*    background-color: red*/
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


.float-button {
position: fixed;
right: -77px;
top: 270px;
/*    this is the key attribute*/
transition: all 0.2s ease-in 0s; 
z-index: 9999;
cursor: pointer;
}

.float-button:hover {
/*    hide it by pushing it off the screen*/
right: -7px;
}

.modal-header {
  padding: 2px 16px;
  background-color: Red;
/*  background-image:  linear-gradient(50deg,#E90101 21%,#AA0000 97%);*/
  color: white;
}
    

.modal-logo {
  width: 200px;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: Red;
/*    background-image:  linear-gradient(50deg,#E90101 21%,#AA0000 97%);*/
  color: white;
}


		.buttonStyle {
			height : 38px;
			width : 150px;
		 	background-color:#000000;	
			color:#ffffff;			
			border:0px;
		}
		.buttonStyle:hover {
         background: #343434;
   
            
    }
        .textoDescrip{
            margin:0;
            font-size: 14px;
            text-align:center;
        }
    
        a {
          color: black;
        
    }
        a:hover{
            cursor: pointer !important;
        }
        
        .linkBlanco{
                color: white !important;;
                text-decoration: underline;
              
        }
        .linkBlanco:hover{
                color:white;
                text-decoration: underline;
                cursor: pointer;
              
        }
    
     .mostrarCarrito{
                display:none;
        }


    
    .trCarrito{
        position:fixed;
        overflow: hidden;
        width:0;
        height:0;
    }

    .position_sticky{ 
    color:white;
    background-color: black;
    position:sticky;
    top: 0px;
}
        
           .enoferta{
        
        font-family: montserrat, sans-serif;
        color : red   !important;
        font-weight: bold;
        display:inline-block;
        margin: 1px;
        padding: 1px;    
        text-decoration: none;
        font-size:13px; 
        background-color: rgb(0,0,0,0);
    }
        
         .enoferta a {
        color: red  !important;
            
    }

        .mostrarAcesosFinales{
            display: none
        }
    .enremate{
        background-color: white;
        font-family: montserrat, sans-serif;
        color : red   !important;
        font-weight: bold;
        display:inline-block;
        margin: 1px;
          padding: 1px;   
        font-size:13px;
        
    }
    .enremate a {
        color: red!important;
    }

    
    
    .Col8{
        text-align-last: center;
    }
    
/*CArrito*/
    
  
/*    @import url(https://fonts.googleapis.com/css?family=montserrat, sans-serif:300,400,500);*/

* {
  /* box-sizing: border-box; */
}


.shopping-cart {
/*
  width: 750px;
  height: 423px;
*/
  margin: 80px auto;
  background: #FFFFFF;
/*  box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.10);*/
  border-radius: 6px;

  display: flex;
  flex-direction: column;
}

/*
.title {
  height: 60px;
  border-bottom: 1px solid #E1E8EE;
  padding: 20px 30px;
  color: #5E6977;
  font-size: 18px;
  font-weight: 400;
}

.item {
  padding: 20px 30px;
  height: 120px;
  display: flex;
}

.item:nth-child(3) {
  border-top:  1px solid #E1E8EE;
  border-bottom:  1px solid #E1E8EE;
}
*/

/* Buttons -  Delete and Like */
/*
.buttons {
  position: relative;
  padding-top: 30px;
  margin-right: 60px;
}

.delete-btn {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 17px;
  background: url("delete-icn.svg") no-repeat center;
  margin-right: 20px;
}

.like-btn {
  position: absolute;
  top: 9px;
  left: 15px;
  display: inline-block;
  background: url('twitter-heart.png');
  width: 60px;
  height: 60px;
  background-size: 2900%;
  background-repeat: no-repeat;
  cursor: pointer;
}
*/

.is-active {
  animation-name: animate;
  animation-duration: .8s;
  animation-iteration-count: 1;
  animation-timing-function: steps(28);
  animation-fill-mode: forwards;
}

@keyframes animate {
  0%   { background-position: left;  }
  50%  { background-position: right; }
  100% { background-position: right; }
}

/* Product Image */
/*
.image {
  margin-right: 50px;
}

 Product Description 
.description {
  padding-top: 10px;
  margin-right: 60px;
  width: 115px;
}

.description span {
  display: block;
  font-size: 14px;
  color: #43484D;
  font-weight: 400;
}

.description span:first-child {
  margin-bottom: 5px;
}
.description span:last-child {
  font-weight: 300;
  margin-top: 8px;
  color: #86939E;
}
*/

/* Product Quantity */
.quantity {
  padding-top: 20px;
  margin-right: 60px;
}
.quantity input {
  -webkit-appearance: none;
  border: none;
  text-align: center;
  width: 32px;
  font-size: 16px;
  color: #43484D;
  font-weight: 300;
}

/*
button[class*=btn] {
  width: 30px;
  height: 30px;
  background-color: #E1E8EE;
  border-radius: 6px;
  border: none;
  cursor: pointer;
}
*/
.minus-btn img {
  margin-bottom: 3px;
}
.plus-btn img {
  margin-top: 2px;
}
button:focus,
input:focus {
  outline:0;
}


  @media handheld, only screen and (max-width: 767px) {
.logoelegate {
display:none;
}



.barrabusqueda{
    display: flex;flex-wrap: nowrap;flex-direction: column;align-items: center;align-content: space-between;justify-content: space-between;
    
}
.barrabusqueda-espacio{
    padding: 5px;
}

}

.enviogratis{
  padding-top: 0.5em;

}
@media handheld, only screen and (max-width: 767px) {
.text-light .text-center .align-items-center .enviogratis{
font-size: 10PX;
}
}

.alineacionLogos{
    text-align-last:center!important;        
}  

.bloquelogos{
    height: 50px;      
    padding-bottom:60px;
}
.Seccion1{
    display: flex;
}
.Seccion2 {
    display: flex;
    justify-content: space-evenly;
}

       .TabsCategoriasContainer{
/*
          display:flex; 
           flex-direction: column;
            flex-wrap: wrap;
            align-items: center
*/
       }
       
       .TabsCategorias{
           text-align-last: center;
            background-color: red;
            border-bottom-style: solid;
            color: white;
            border-width: thin;
           cursor: pointer;

       }
       
        .TabsCategorias:hover{          
            background-color: rgba(255,0,0,0.5);
            
       }
       
       .filaTablaOver:hover{          
/*            background-color: rgba(164,164,164,0.22);*/
           background-color: rgba(220,220,220,0.20);
            
       }

       
       .textmasmenos{
           color:rgba(255,255,255,0.00);;
           font-size:large;
       }
       
       .textmasmenos:hover{          
            color: rgba(255,255,255,0.00);
            
       }
       
         .parrafoTab{
           display:inline; 
             
       }

    
/*carrito    */
    
        
/* Set the size, colour, font properties for the blinking text */
        .blinking {
            animation: blinkingText 1s infinite;
            font-family: montserrat, sans-serif;
            font-style: normal;            
            margin: 0 auto;
            text-align: center;
            color: red!important;    
            background-color: rgb(0,0,0,0);
        }
        
        
                .skuendescrip{
                    display:none;
                }
        

        /* Specifies the animation and transparency for the blinking text */
        @keyframes blinkingText {
  
            0% {
                opacity: 0;
            }
            50% {
                opacity: .5;
            }
            100% {
                opacity: 1;
            }
        }
        
        
        .contenedorbusqueda{

            color:white;
            padding: 20px 5px;
/*            max-width : 1150px; */
            background-color:Red;            
/*            background-image:  linear-gradient(50deg,#E90101 21%,#AA0000 97%);*/
/*            height : auto;*/
            margin-bottom: 10px;
        }
       .contenedorbusquedaB{
/*            background-color:Red;*/
            color:white;
            padding: 10px 10px 10px 10px;
            background-color:Red;
                    }

/*           background-image:  linear-gradient(50deg,#E90101 21%,#AA0000 97%);*/

        
            .forma{
                
                margin:0 0;
                display:grid;
                grid-template-columns: repeat(6,225px);
                gap: 0px;
/*                margin-top:80px;*/
                grid-template-areas: 
                " A     B     C     D     E  F"
                " G mostrarb mostrarc mostrard mostrare  nulis"
                ;
                place-content:center;
            }

            .forma--item1{
                grid-area: A ;
                place-self:baseline;
            }

            .forma--item2{
                grid-area: B ;
                margin-left :10px !important;
                
                /* place-self:baseline; */
            }
            .forma--item3{
                grid-area: C ;
            }
            .forma--item4{
                grid-area: D ;
                
            }
            .forma--item5{
                grid-area: F;
                
            }
            .forma--item11{
                grid-area: E;
                place-self:baseline;
            }

            .forma--item6{
                 grid-area: G;
                 place-self : center;
                  margin-top :10px !important;
                 padding-top : 10px !important;
                
            }

            .forma--item7{
                 grid-area: mostrarb;
                 place-self: center;
                 margin-top:10px !important;
                padding-top : 10px !important;
                
            }
             .forma--item8{
                 grid-area: mostrarc;
                 place-self: center;
                     margin-top:10px !important;
                padding-top : 10px !important;
                
            }
                .forma--item9{
                 grid-area: mostrard;
                 place-self: center;
                color:white;
                text-decoration: none;
                margin-top:10px !important;
                padding-top : 10px !important; 
            }
            

            .forma--item10{
                grid-area: mostrare ;
                place-self: center;
                color:white;
                text-decoration: none;
                margin-top:10px !important;
                padding-top : 10px !important; 
            }



        @media(max-width: 1024px){

            body{
                font-size: 100%;
                text-align: center;
                 place-self: center;                
            }
                .skuendescrip{
                    display:inline;
                }
                .Col1{
                    display: none;                
                } 
                .Col2{
                    display: none;
                } 
                .Col3{
                    display: none;
                } 
                .Col8{
                    display: none;
                } 
            
                /* .T2col1{
                    display: none;
                } */
                .T2col4{
                     display: none;
                }
/*
                .T2col5{
                     display: none;
                }            
*/
            .mostrarCarrito{
                display:block;
        }
                .skumovil{
                    margin:0;
                    font-size:10px;
                }
            
                .trCarrito{
                position:inherit;
                overflow: hidden;
                width:0;
                height:0;
            }
            
            .contenedorbusqueda{
                width: auto;
            }
            
           .contenedorbusquedaB{
/*                width: 420px;*/
            }
            
            .forma{
               grid-template-columns: repeat(2,1fr);
               gap: 5px;
/*                padding:0 ;*/
               grid-template-areas: 
                "A  nulis"
                "B nulis"
                "C nulis"
                "D nulis"
                "E nulis"
                "F nulis"
                "G nulis"
                "mostrara nulis"
                "mostrarb nulis"
                "mostrarc mostrard"
                
                   
            }
            .forma--item1{
                grid-column: 1/3 ;
                place-self:auto;
            }

            .forma--item2{
                place-self:auto;
                 grid-column: 1/3 ;
            }
            .forma--item3{
                place-self:auto;
                 grid-column: 1/3 ;
            }
            .forma--item10{
                place-self:auto;
                grid-column: 1/3 ;
           }
            .forma--item4{
              grid-column: 1/3 ;
              place-self:auto;
            }
            .forma--item5{
                grid-column: 1/3 ;
                place-self:auto;
            }
            .forma--item6{
                grid-column: 1/3 ;
                  margin-top :0px ;
                 padding-top : 0px;

            }

            .forma--item7{
                 grid-column: 1/3 ;
                
                
            }
                
             .forma--item8{
                grid-column: 1/3 ;
/*                 display:none;*/
                 
                 place-self: flex-start;
                 padding: 0 0 0 20px
                
            }
            .forma--item9{
                grid-column: 1/3 ;
/*                display:none; */
                place-self: flex-end;
                padding: 0 20px 0 00px
                
            }
              
            .forma--item10{
                grid-column: 1/3 ;
                place-self:auto;
            }

            .forma--item11{
                grid-column: 1/3 ;
                place-self:auto;
            }
            
                .mostrarAcesosFinales{
                    display: none; /*block*/
                }    
            .contenedorbusqueda{
            background-color:red;
/*                background-image:  linear-gradient(50deg,#E90101 21%,#AA0000 97%);*/
            color:white;
            padding: 10px 0 5px 0;
            margin-left: inherit;
            align-content: center;
            align-self: center;
            
            }    

            .col-sm-1 {
                
                width: fit-content;
            }


            .FooterMovil{
                display: none;
                padding:100px;
            }
            .logosMovil{
                display:grid;
                margin:10px;
            }
        }
    
    
@media(max-width: 576px){
    .alineacionLogos {
        text-align-last: left!important;
        font-size: xx-small;
        position: relative;
        margin-left: 5%;
        margin-right: 5%;
    }
    .bloquelogos{
        height: 30px;    
        padding-bottom:10px;  
    }
    .tamLogo{
        height:40px;        
   }
    .tablaWeb{
        display:none;
    }
    .tablaMovil{
        display:inline;
        
    }
    .col2{
        display:none
    }
    .telefonoText{
         display:none;
    }
 
   
    
    .tamImgTel{
/*        border-radius: 50%; */
        width:25px; 
/*        background-color: red*/
    }
    
    /*  .tamImgCarrito{
        right: 300px;
        border-radius: 0%; 
        width:40px; 

    } */
    
    .telefonoTextMovil{
         font-size: initial;   
         display:contents;        
         text-wrap: nowrap;
    }
    
    .trDescrip{
            display: table-row;
            position:inherit;
            overflow: hidden;
            width:0;
            height:0;
        }
    .product_name_txt_{
        display:none;
    }
    .Col4{
        display:none;
    }
    
    .T2col2{
        display: none;
    }
    .T2col6{
        display:none;
    }
    .carritoMovil{
        display:flex;
    }
    .carritoTexto{
        font-size:small;
    }
    
    
    .dotMovil{
    height: 30px;
  width: 30px;
  background-color: #fff;
  border-radius: 50%;
  display: block;
  text-align-last: auto;
    margin: 0px 0 0 0;   
    position:relative;
    top:1px;
/*    left:.7px;*/
    
    
    }
    .circleMovil {
        display: block;
        background-color:red;

        height:30px;
        border-radius:50%;
        -moz-border-radius:50%;
        -webkit-border-radius:50%;
        width:30px;
         -webkit-transition: all .2s ease;
          -moz-transition: all .2s ease;
          -ms-transition: all .2s ease;
          transition: all .2s ease;


    }

    .circleMovil:hover{
         height: 50px;
         width:  50px;  
        border:4px solid white;  
    }
    
    

    .dot{
       display:none;

    }
    .circle {
        display: none;   

    }

    .circleMovil:hover{
         display: none;    
    }

    
        .forma--item6{
                
                  margin-top :0px  !important;
                 padding-top : 0px !important;

            }

            .forma--item7{
                  margin-top :0px !important;
                 padding-top : 0px!important;
                
                
            }

}

@media(max-width: 430px){
    .alineacionLogos {
        text-align-last: left!important;
        font-size: xx-small;
        position: relative; 
        margin-left: 5%;
        margin-right: 5%;
    }
    .bloquelogos{
        height: 30px;    
        padding-bottom:10px;  
    }
    .tamLogo{
        height:30px!important;        
   }
}

.gallery {
    background-color: #fff!important;
}

        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background-color: red;
            padding: 10px 20px;
            position: relative;
        }
        .navbar-brand {
            margin-left: 200px;
        }
        .navbar img {
            height: 60px;
        }
        .phone-container {
            display: flex;
            align-items: center;
            position: absolute;
            right: 300px;
        }
        .phone-icon {
            background-color: white;
            border-radius: 50%;
            padding: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
        .phone-icon i {
            font-size: 20px; /* Adjust icon size */
        }
        .phone-icon:hover::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 2px solid white;
            border-radius: 50%;
            animation: ring 0.5s ease;
            box-sizing: border-box;
        }
        .phone-number {
            color: white;
            margin-left: 8px;
            text-decoration: none;
            font-weight: bold;
        }
        .phone-number:hover {
            color: black;
            text-decoration: underline;
        }
        @keyframes ring {
            0% {
                transform: scale(0.8);
                opacity: 0;
            }
            50% {
                transform: scale(1.3);
                opacity: 1;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }

        /* Media queries for responsiveness */
        @media (max-width: 768px) {
            .navbar {
                padding: 10px;
            }
            .navbar-brand {
                margin-left: 0;
            }
            .phone-container {
                position: static;
                flex-direction: row;
                align-items: center;
                justify-content: flex-end;
                margin-left: auto;
            }
            .phone-number {
                margin-left: 8px;
                text-align: left;
            }
            .phone-icon {
                margin-left: auto;
            }
        }

        @media (max-width: 480px) {
            .navbar img {
                height: 50px;
            }
            .phone-icon {
                padding: 10px;
            }
            .phone-icon i {
                font-size: 16px; /* Adjust icon size */
            }
        }





/* Inicia navbar */
.navbar {
    display: flex;
    justify-content: space-between; /* Cambiado de center a space-between */
    align-items: center;
    background-color: red;
    padding: 10px 20px;
    position: -webkit-sticky; /* Soporte para Safari */
    position: sticky!important;
    top: 0;
    z-index: 1000; /* Asegurarse de que la navbar esté por encima de otros elementos */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Agregar sombra */
}

.navbar-brand {
    margin-left: 150px;
    
}

.navbar img {
    height: 60px;
    
}

.navbar-center {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-grow: 1;
}

.phone-container {
    display: flex;
    align-items: center;
    margin-right: 30px; /* Espacio entre el teléfono y el carrito */
}

.phone-icon {
    background-color: white;
    border-radius: 50%;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.phone-icon i {
    font-size: 20px; /* Ajustar tamaño del icono */
}

.phone-icon:hover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid white;
    border-radius: 50%;
    animation: ring 0.5s ease;
    box-sizing: border-box;
}

.phone-number2 {
    color: white!important;
    margin-left: 8px;
    text-decoration: none;
    font-weight: bold;
}

.phone-number2:hover {
    color: black;
    text-decoration: underline;
}

.cart-container {
    display: flex;
    align-items: center;
    margin-left: auto; /* Añadido para empujar el carrito a la derecha */
    position: relative;
    margin-right: 100px; /* Añadido para separar el carrito del lado derecho */
}

.tamImgCarrito {
    border-radius: 1px!important; 
    width: 35px !important; 
    background-color: red;
    object-fit: contain; /* Añadido para mantener las proporciones de la imagen */
}

.custom-btn {
    border-radius: 8px;
    border: 0 !important;
    background-color: red;
    padding: 5px;
    position: relative;
}

.carritoCantidad {
    position: absolute;
    top: 7px;
    right: -12px;
    background-color: rgba(255, 255, 255, 0); /* Cambiado a negro */
    color: rgb(255, 255, 255); /* Texto en blanco */
    border-radius: 50%;
    padding: 5px;
    font-size: 18px;
    font-weight: bold;
    width: 20px; /* Ajustar el tamaño del círculo */
    height: 20px; /* Ajustar el tamaño del círculo */
    display: flex;
    align-items: center;
    justify-content: center;


    /* font-size: 12px;
    background: black;
    color: #fff;
    padding: 0 6px;
    vertical-align: top;
    position: absolute;
    border-radius: 9px;
    left: 60%; */
/*    bottom: 9%;*/
}





.carritoImporte {
    margin-right: 15px; /* Añadido para dar espacio entre el importe y el carrito */
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
    .navbar {
        padding: 10px;
    }
    .navbar-brand {
        margin-left: 0;
    }
    .phone-container {
        display: none; /* Ocultar el contenedor del teléfono en pantallas pequeñas */
    }
    .cart-container {
        margin-left: 10px; /* Ajustar margen para pantallas pequeñas */
        margin-right: 20px; /* Reducir margen para pantallas pequeñas */
    }
}

@media (max-width: 480px) {
    .navbar img {
        height: 50px;
    }
    .phone-icon {
        padding: 10px;
    }
    .phone-icon i {
        font-size: 16px; /* Ajustar tamaño del icono */
    }
    .cart-container {
        margin-left: 5px; /* Ajustar margen para pantallas muy pequeñas */
        margin-right: 10px; /* Reducir margen para pantallas muy pequeñas */
    }
    .carritoCantidad {
        top: 6px; /* Ajustar la posición vertical en móviles */
        right: -5px; /* Ajustar la posición horizontal en móviles */
    }
}