* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: white;
    font-family: "Verdana";
}

a {
    text-decoration: none;
}

/* busqueda*/

.header {
    width: 100%;
    height: auto;
    margin: 0;
    /*background-image: url(../img/compras.jpg);*/
    background-color: white;
}

.logo-tien{
    position: absolute;
    width: 150px;
    height: 120px;
    margin-left: 3px;
    margin-right: auto;
    cursor: pointer;
}
.logo-ir{
    display:block;
    position: absolute;
    z-index:5;
    width: 150px;
    height: 120px;
    margin-left: 3px;
    margin-right: auto;
    cursor: pointer;
    
}
.log-t{
    width: 100%;
    height: 100%;

}
.logo-tien .logo-tiendy{
    display:none;
}
.load-sess{
    display:none;
}
.busqueda {
    width: 100%;
    height: 100px;

}
.contenedor-search {
    width: 100%;

}
.contenedor-search input#search {
    margin-top: 50px;
    width: 370px;
    height: 40px;
    margin-left: 180px;
    border: .5px solid #ccd1d9;
    border-radius: 10px 0 0 10px;
    background: #f5f5f5;
    padding-left: 10px;
    align-items: center;
    justify-content: right;
    font-size: 19px;
    position: absolute;
    outline: none;
    z-index: 99;
}

.contenedor-search .btn {
    margin-top: 50px;
    position: left;
    margin-left: 550px;
    width: 45px;
    height: 40px;
    position: absolute;
    background: #ed5565;
    border: .5px solid #ed5565;
    cursor: pointer;
}
.contenedor-search i{
    font-size: 20px;
}
.contenedor-lista {
    display: none;
    margin-top: -12px;
    margin-left: 187px;
    width: 364px;
    border-left: .5px solid #ed5565;
    border-bottom: .5px solid #ed5565;
    border-right: .5px solid #ed5565;
    height: auto;
    z-index: 4;
    position: absolute;
    background-color: white;
}
.auto-completar {
    display: none;
}

.lista-autocompleta {
    display:block;
    width: 100%;
    color: #1c1c1c;
    font-size: 15px;
    padding: 3px;
    cursor: pointer;
}

.lista-autocompleta:hover {
    width: 390px;
    height: auto;
    color: #ed5565;
    border: none;
}
.contenedor-re-user{
    width: 100%;
    height: auto;
    padding: 3px;
}
.tit-re-us{
    width: 98%;
    margin: auto;
}
.t-re-u{
    font-size: 15px;
    font-weight: bold;
    color: #4052ab;
}
.content-re-u{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.conten-u-r{
    width: 98%;
    margin: auto;
}
.conten-p-r{
    width: 99%;
    margin: auto;
    word-break: break-all;
}
.re-u{
    display:block;
    width:98%;
    background-color: white;
    border-radius: 5px;
    padding: 4px;
    text-align: left;
    cursor: pointer;
    color:black;
    white-space: nowrap;
}
.re-u:hover{
    background-color:#e4e2e1;
}
/* solo para celulares */
.car-shopping {
    display: none;
}

.menu-categorias-celulares {
    display: none;
}

.menu-subcategoria-celulares {
    display: none;
}

.header2 {
    width: 100%;
    height: 20vh;
    background-color: white;
}

.separador {
    width: 100%;
    height: 20px;
    background: #f5f5f5;
}

.contenedor {
    margin: auto;
    width: 80%;

}

main article {
    background: white;
    margin: 20px 0;
    padding: 20px;
    height: 1000px;
}

/* Enlaces del NAV */


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

.menu {
    width: 100%;
    background: white;
    height: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    z-index: 2;
}

.menu .contenedor-botones-menu {
    /* display: flex; */
    display: none;
    justify-content: space-around;

}

.menu .contenedor-botones-menu button {
    font-size: 30px;
    color: #fff;
    padding: 10px 20px;
    border: 2px solid transparent;
    margin-left: 0;
    cursor: pointer;
    background: none;
    
}

.menu .contenedor-botones-menu button:hover {
    border: 1px solid rgba(255, 255, 255, .4);
}

.menu .contenedor-botones-menu .btn-menu-cerrar {
    display: none;
}

.menu .contenedor-botones-menu .btn-menu-cerrar.activo {
    display: inline-block;
}

.menu .contenedor-enlaces-nav {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 22px;
    margin-right: 0;
    margin-left: 5px;
}

.menu .btn-departamentos {
    color: #1c1c1c;
    padding: 7px;
    border-radius: 3px;
    display: flex;
    margin-right: 7px;
    border: 1px solid transparent;
    font-size: 19px;
    cursor: pointer;
}
.menu .btn-departamentos:hover{
    font-weight: bold;
    border: 2px solid #3483fa;
}
.menu .btn-departamentos i {
    margin-left: 20px;
    bottom: 3px;
    display: flex;
}

.menu-usuario li:hover {
    border: 2px solid #3483fa;
}

.oculto-menu-usuario li a {
    color: #3483fa;
}
.menu .btn-departamentos span {
    display: block;
    font-size: 15px;
    font-weight: bold;
}
.enlaces {
    width: auto;
    height: auto;
    margin-right: 6px;
}
.menu .contenedor-enlaces-nav .enlaces a {
    color: #1c1c1c;
    border: 1px solid transparent;
    padding: 8px;
    border-radius: 3px;
    margin-top: 10px;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 17px;
}

.menu .contenedor-enlaces-nav .enlaces a:hover {
    border: 2px solid #3483fa;
}
/* notificaciones */
.notifica {
    width: auto;
    height: auto;
    background: #ed5565;
    border-radius: 15px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 11px;
    padding: 2px 1px 1px 2px ;
    margin-left: 0;
    position: absolute;
    color: white;
    font-weight: bold;
    text-align: center;
}
/* ------------------------- */


/* GRID */
/* ------------------------- */

.contenedor-grid {
    position: relative;
}
/*  Menú de usuario */
.oculto-menu-usuario {
    display: none;
    margin-left: 694px;
    width: 160px;
    background-color: white;
    right: 3px;
    position: absolute;
    text-align: center;
    z-index:99;
}

.oculto-menu-usuario ul {
    width: 100%;
}

.oculto-menu-usuario li  {
    list-style: none;
    display: block;
    padding: 8px;
    border: 1px solid #ccd1d9;
    color: #1c1c1c;
    cursor: pointer;
}
.oculto-menu-usuario li:hover{
    border: 2px solid #3483fa;
}
.oculto-menu-usuario .a-user-men{
    display:block;
    text-decoration:none;
    color: #1c1c1c;
    cursor: pointer;
    width:160px;
    cursor:pointer;
    right: 1px;
    place-content: center;
    top: 0;
}
/* termina menu usuario */
/* Menú notificaciones */
.menu-notificacion {
    display: none;
    width:auto;
    height: auto;
    background-color: white;
    right: 70px;
    position: absolute;
    text-align: center;
    z-index:99;
}
.menu-notificacion ul {
    width: 100%;
}
.menu-notificacion li {
    font-size: 12px;
    display: block;
    padding: 8px;
    border: 1px solid #ccd1d9;
    cursor: pointer;
}
.menu-notificacion li:hover {
    background-color:#E4E2E1;
}
.menu-notificacion li a {
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 33px;
    width: 182px;
    right: 0px;
    margin-top: -8px;
}
/* Termina menu notificaciones *  *  *  *  AQUI */ 
/* notificaciones para celulares*/
/* Notificacion para celulares */
.notificacion-celulares {
    width: 100%;
    height: auto;
    margin-left: 5px;
}
.notificacion-celulares ul {
    width: 50%;
    right: 2px;
    height: auto;
    background-color: white;
    border: 1.5px solid #9facc4;
    position: absolute;
}

.notificacion-celulares li {
    padding: 8px;
    color: black;
    text-align: center;
    list-style: none;
}

.notificacion-celulares li:hover {
    background-color:#E4E2E1;
}

/* Termina notificacion celulares */
/*Separador de menu celulares */
.separador-menu-cel{
    display: none;
    
}
/*categorias */
.contenedor-todo-catego-subcatego {
    width: auto;
    display: flex;
    position: absolute;
    z-index:3;
    display: none;
    margin-top: 5px;
    left: 5px;
}

.categorias {
    float: left;
    width: 300px;
    background-color: white;
    overflow: auto;
    border: 1px solid #ccd1d9;
    border-radius: 3.5px;
    height: 350px;
}

.contenido-menu-titulo {
    width: 98%;
    height: auto;
    margin: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 5px;
}

.contenido-menu-titulo h4 {
    color: #ed5565;
}

.contenido-menu {
    width: 98%;
    height: auto;
    margin: auto;
}

.contenido-menu:hover {
    background-color: whitesmoke;
}

.contenido-menu .categoria1 {
    display:block;
    width:100%;
    min-height:39px;
    padding:5px;
    cursor: pointer;
    font-size: 16px;
    color: black;
    font-family: "Maven Pro", sans-serif;
    font-optical-sizing: auto;
    font-weight:500;
    font-style: normal;
    /*font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;*/
}

.subcategorias {
    display: none;
    float: right;
    width: 300px;
    height: 350px;
    background-color: white;
    overflow: auto;
    border: 1px solid #ccd1d9;
    border-radius: 3.5px;
}
/* Acaban subcategorias */
.separador {
    width: 100%;
    height: 20px;
    background-color: #f5f5f5;
}
.cont-cate-pop{
    width:100%;
    margin-top:8px;
}
.content-cat{
    width:100%;
    display:flex;
    background-color: white;
    overflow: hidden;
    overflow-x: auto;
}
.content-cat .et-cat{
    width:auto;
    height:43px;
    color:white;
    border: 1px solid transparent;
    padding: 10px;
    border-radius: 3px;
    margin-left: 3px;
    margin-right: 3px;
    font-size: 17px;
    place-content:center
}
.content-cat a{
    text-decoration:none;
    color:#CDA738;
    font-weight:bold;
    white-space: nowrap;
}
.content-cat .et-cat:hover{
    border: 2px solid #CDA738;
}
.sel-cat{
    width:95%;
    margin:auto;
    margin-top:2px;
    padding-bottom:2px;
    background-color:white;
}
.container {
    max-width: 95%;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: white;
}

.contenedor-mostrar-todos-productos {
    width: 100%;
    background-color: #f5f5f5;
}
.titulo-carrusel{
    width: 100%;
    height: auto;
    display: flex;
    background-color:white ;

}
.titulo-c{
    width: 90%;
    height: auto;
    display: flex;
}
.titulo-c i{
    font-size: 20px;
    margin-left: 13px;
    place-content: center;
    color: #423f3f;
    margin-top:10px;
}
.titulo-c .t-of{
    font-size:20px;
    font-weight:bold;
    text-align: left;
    color:#423f3f;
    margin-top: 8px;
    margin-left: 15px;
    font-family: Arial, Helvetica, sans-serif;
}
.button-ofertas{
    width: 13%;
    height: auto;
    padding-top:5px;
    padding-right: 5px;
}
.button-ofertas .ofertas{
    text-decoration: none;
    color: #423f3f;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 3px;
    background-color: white;

    cursor: pointer;
}
.button-ofertas button:hover{
    color: #da4453;
    background-color: white;
}
main {
    max-width: 100%;
    background-color: white;
    text-align: center;
    box-shadow: 2px 2px 5px #999;
}
main h2{
    color: #da4453;
}
.slide-container {
    max-width: 100%;
    background-color: white;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: scroll;
    overflow-y: hidden;
}

.arrow-left {
    width: 50px ;
    height: 50px;
    margin-left: 5px;
    cursor: pointer;
    place-content: center;
}
.arrow-left i{
    color: #4d4d4d;
    font-size: 30px;
}
.arrow-left i:hover{
    color:  #8c8c8c;
}
.arrow-right {
    width: 50px;
    height: 50px;
    right: 5px;
    cursor: pointer;
    place-content: center;
}
.arrow-right i{
    color: #4d4d4d;
    font-size: 30px;
}
.arrow-right i:hover {
    color: #8c8c8c;
}
section {
    width: 100%;
    align-items: center;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    
}
section::-webkit-scrollbar {
    height: 6px;
    width: 50%;

}

section::-webkit-scrollbar-track {
    background-color: #d5d5d5;
}

section::-webkit-scrollbar-thumb {
    width: 10%;
    background-color: #da4453;
    border-radius: 2px;
    outline: 1px solid #eee;
}

.contenedor-busqueda-carrusel {
    width: 170px;
    height: 270px;
    margin: 5px;
    display: block;
    background-color: white;
    border: .5px solid #ccd1d9;
    transition: all .3s;
    cursor: pointer;
    border-radius: 9px;
}

.contenedor-busqueda-carrusel:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
}

.contenedor-busqueda-carrusel img {
    width: 100%;
    height: 140px;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 9px 9px 0 0;
}
.contenedor-busqueda-carrusel .favorito{
    float: right;
    margin-right: 3px;
    margin-top:3px;
    background-color: white;
    font-size: 17px;
}
.contenedor-busqueda-carrusel button:hover{
    color: #ed5565;
}
.contenedor-descripcion-1{
    width: 97%;
    min-height: 100px;
    max-height: auto;
    margin: auto;
    text-align: start;
}
.d-titulo{
    width: auto;
    min-height: 50px;
    max-height: 50px;
    overflow:hidden;
}
.name-pro{
    font-size: 13px ;
    padding-top: 3px;
    padding-left: 3px;
}
.contenedor-descripcion-1 a {
    color: #ed5565;
    font-size: 13px;
}

.contenedor-descripcion-1 a:hover {
    font-size: 15px;
    font-weight: bold;
}
.contenedor-descripcion-1 .oferta{
    font-size: 13px;
    font-weight: bold;
}
.calificacion-producto{
    display: flex;
    width: 100%;
    min-height: 21px;
    max-height: auto;
}
.calificacion-producto .star-c{
    color: #ef8743;
    padding: 0;
    font-size: 15px;
    margin-right: 2px;
}
.calificacion-producto .numero-star{
    margin: 0 ;
    padding-top: 4px;
    padding-left: 4px;
    font-size:13px;
}
.dos-precio-anterior{
    min-width: 170px;
    height: auto;
    display:flex;
}
.dos-precio-anterior .precio-normal{
    font-size: 14px;
    color: #9b9b9b;
    text-decoration:line-through;
}
.dos-precio-anterior .descuento{
    width: auto;
    height: auto;
    background-color: #ff1f00;
    padding:1.5px ;
    border-radius:3px ;
    margin-left: 10px;
    font-size: 11px;
    color: white;
    font-weight: bold;
}
.precio-n{
    padding-top: 5px;
    font-size: 13px;
font-weight: bold;
}
.productos-vendidos{
    width: 100%;
    height: auto;
    display:flex;
}

.productos-vendidos p{
    font-size: 13px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 0;
}

/*  Estilo a novedades */
.titulo-novedades{
    width: 100%;
    height: auto;
    margin-top: 15px;
    background-color: white;
}
.titulo-novedades p{
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 10px;
    color: #1c1c1c;
    font-weight: bold;
}
.contenedor-novedades{
    width: 100%;
    min-height:300px ;
    max-height: auto;
    margin: auto;
    display: grid;
    grid-auto-rows: 290px;
grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
grid-gap: 7px;
padding-top:15px;

}
.contenedor-busqueda1{
width: 100%;
height: 270px;
background-color: white;
border: .5px solid #ccd1d9;
transition: all .3s;
cursor: pointer;
border-radius: 9px;
}
.contenedor-busqueda1 .favorito2{
    float: right;
    margin-right: 3px;
    margin-top:3px;
    background-color: white;
    font-size: 17px;
}
.contenedor-busqueda1 .favorito2:hover{
    color: #ed5565;
}
.contenedor-busqueda1:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
}
.contenedor-busqueda1 img {
    width: 100%;
    height: 140px;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 9px 9px 0 0;

}
.contenedor-busqueda2{
    width: 100%;
    height: 270px;
    background-color: white;
    border: .5px solid #ccd1d9;
    transition: all .3s;
    cursor: pointer;
    border-radius: 9px;
    }
    .contenedor-busqueda2 .favorito2{
        float: right;
        margin-right: 3px;
        margin-top:3px;
        background-color: white;
        font-size: 17px;
    }
    .contenedor-busqueda2 .favorito2:hover{
        color: #ed5565;
    }
    .contenedor-busqueda2:hover {
        box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
    }
    .contenedor-busqueda2 img {
        width: 100%;
        height: 140px;
        background-size: cover;
        background-attachment: fixed;
        border-radius: 9px 9px 0 0;
    
    }
/*  *  *  * Botones para celulares *  *  *  */
.botones-celulares{
    display: none;
    
}

/* Acaba botones */
.pie-pagina{
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    background-color: #ed5565;
}
.pie-a ul{
    list-style: none; 
    margin-top: 10px;
    margin-bottom: 10px;

}
.pie-a li{
    margin:10px;
}
.pie-a a{
    color: black;
    text-align: center;
    font-weight: bold;
    
}
/*.grid .galeria-subcategoria a {
    width: 50%;
    height: 50%;
}*/

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

/* contenedor de tarjetas */
/* * * *   *  *  *  *  * COMIENZA Estilos a pagina Vistas/ofertas.php  *  *  *  *  *  *  *  *  */
.contenedor-todo-ofertas{
    width: 100%;
    height: auto;
    background-color: white;
    margin-top: 20px;
}
.titulo-ofertas{
    width: 98%;
    height: auto;
    margin:auto;
    border-radius: 8px;
    display:flex;
}
.titulo-ofertas i{
    font-size: 30px;
    color: #423f3f;
    margin-right:10px;
    margin-left:10px;
}
.titulo-ofertas p{
    text-align:left;
    font-size: 30px;
    color: #423f3f;
    border-radius: 9px;
    font-family: Arial, Helvetica, sans-serif;
}
.contenedor-productos{
    width: 95%;
    height: auto;
    margin: auto;
}
.productos-ofertas{
    width: 100%;
    height: auto;
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: 230px 230px 230px 230px 230px;
    grid-gap: 10px;
    margin-top: 30px;
    margin-bottom: 8px;
}
.contenedor-oferta{
    width: auto;
    border: 1px solid #ccd1d9;
    transition: all .3s;
    cursor: pointer;
    box-shadow: 2px 2px 5px #999;
}
.contenedor-oferta:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
}
.contenedor-oferta h5{
    min-height: 35px;
    max-height: auto;
}
.contenedor-oferta img{
    width: 100%;
height: 170px;
background-size: cover;
}
.descripcion-oferta{
    width: 95%;
    height: auto;
    margin: auto;
}
.descripcion-oferta p{
    font-size: 14px;
}

.descripcion-oferta a{
    font-size: 13px;
    color: #ed5565;
}
.descripcion-oferta a:hover{
    font-size: 14px;
}
.descripcion-oferta span{
    font-size: 12px;
}
.barra-ventas{
    width: 100%;
    height: auto;
    margin: 2px auto 2px auto;
}
.contenedor-barra{
    width: 100%;
    height:10px ;
    background-color:#ccd1d9;
    border-radius: 3px;

}
#barra{
    width: 0;
    height:9px ;
    background-color:#da4453;
    padding: 2px;
    border-radius: 3px;
}
/* * * *   *  *  *  *  * TERMINA Estilos a pagina Vistas/ofertas.php  *  *  *  *  *  *  *  *  */
/*   *   *   *   *   estilos pagina nuevo-filtros.php   *   *   *   *   *   */
.contenedor-busqueda {
    width: 100%;
    background-color: white;
    margin-top: 30px;

}

.contenedor-todo-filtro-busqueda {
    width: 100%;
    display: block;
    background-color: whitesmoke;

}

.columna-filtros {
    width: 25%;
    margin-top: 10px;
    height: auto;
    float: left;
}

.resultados-busqueda {
    width: 95%;
    background: #ed5565;
    border-radius: 9px;
    padding: 12px;
    margin: 20px;
    box-shadow: 2px 5px 7px #999;
}


.resultados-busqueda p {
    color: black;
    font-size: 16px;
    font-weight: bold;
}

.categorias-relacionadas {
    width: 95%;
    margin: auto;
    border: 1px solid #ccd1d9;
    border-radius: 9px;
    padding-top: 5px;
    padding-left: 5px;
    background-color: white;
    box-shadow: 2px 2px 5px #999;
}

.categorias-relacionadas h3 {
    margin: 20px;
}

.ir-categoria-a {
    width: 100%;
    padding: 5;
    margin-top: 8px;

}

.ir-categoria-a a {
    display:block;
    width:100%;
    color: black;
    font-size: 16px;
    cursor: pointer;
    padding-bottom: 7px;

}

.ir-categoria-a a:hover {
    color: #ed5565;
}

/*    estilo boton categoria        */
.contenedor-boton-categoria {
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.boton-categoria {
    margin: 10px;
}

.contenedor-boton-categoria a {
    color: black;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;

}

.contenedor-boton-categoria a:hover {
    color: #ac92ec;
    font-size: 20px;
}


.busqueda-todo {
    width: 74%;
    min-height: 490px;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-right: 0;
    float: right;
    background-color: white;
    box-shadow: 2px 2px 5px #999;

}
.columna-filtrar-producto{
    background-color: #cdcdcd;
    width: 100%;
    height: auto;
    display: flex;
}
.boton-filtro-p{
    width: auto;
    height: auto;
}
.btn-filtro-p{
    margin:10px;
    font-size: 15px;
    height: 46px;
    padding: 4px 20px;
    text-align: center;
    background-color: white;
    border: #9b9b9b 1px solid;
    border-radius: 2px;
    cursor: pointer;
}
.btn-filtro-p:hover{
    color:#9b9b9b;
}

.btn-select-precio{
    display: flex;
    margin:10px;
    font-size: 15px;
    height: 46px;
    padding: 12px 8px;
    background-color: white;
    border: #9b9b9b 1px solid;
    border-radius: 2px;
    cursor: pointer;
}
.btn-select-precio:hover{
    color:#9b9b9b;
}
.boton-filtro-p i{
    margin-left: 10px;
    font-size: 15px;
}
.active{
    margin: 10px;
    font-size: 15px;
    height: 46px;
    padding: 4px 20px;
    text-align: center;
    background-color: #cb3234;
    color: white;
    border: white 1px solid;
    border-radius: 2px;
    cursor: pointer;
}
/*nuevo estrellas filtro */
.boton-filtro-star {
    width: auto;
    height: auto;
    display: flex;
}

.star-filtro-p {
    font-size: 17px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 3px;
    color: #ef8743;
    cursor: pointer;
}

/* acaba estrellas nuevo */

/* boton precio */

.todo-productos-paginacion{
    width:100%;
    height: auto;
}
.contenido-busqueda{
    width: 98%;
    min-height: 400px;
    max-height: auto;
    display: grid;
    grid-auto-rows: 280px;
    grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
    grid-gap:9px;
    margin-top:5px;
    margin-left: auto;
    margin-right: auto;
}
.resultado-busqueda {
    width: 100%;

}

.contenedor-descripcion {
    width: 100%;
    height:80px;
    margin: 0;
}
.contenedor-descripcion h5{
    padding-top: 5px;
    padding-left: 5px;
}
.contenedor-descripcion p {
    padding-top: 5px;
    padding-left: 5px;
    font-size: 13px;
}
.contenedor-descripcion a {
    color: #ed5565;
    font-size: 13px;
    padding-top: 5px;
    padding-left: 5px;
}
.contenedor-descripcion a:hover {
    font-size: 15px;
    font-weight: bold;
}
.star-producto{
    display: flex;
width: 100%;
min-height: 21px;
max-height: auto;
}
.star-on{
    color: #ef8743;
padding: 0;
font-size: 15px;
margin-right: 2px;
}
.star-off {
    color: #ef8743;
    padding: 0;
    font-size: 15px;
    margin: 0;
}
.star-producto .numero-star{
    margin: 0;
padding-top: 4px;
padding-left: 4px;
font-size: 13px;
}
/* paginacion */
.contenedor-todo-paginacion {
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    justify-content: center;
}
.contenedor-numero-pagina {
     width: auto;
     height:auto;
}

.contenedor-numero-pagina ul {
   padding: 5px;
   list-style: none;
   display: flex;
   justify-content: center;
}

.contenedor-numero-pagina a,
.pagina-seleccionada {
    padding:5px;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #4d4d4d;
}

.contenedor-numero-pagina a:hover {
    color:#3483fa ;
    font-weight: bold;
}

.pagina-seleccionada {
    color: #ff1f00;
    font-weight: bold;

}

.sin-resultado {
    width: 90%;
    text-align: center;
}

/*  *  *  *  *  *  *  Estilos a pagina todoCategoria.php  *  *  *  * */
.contenedor-todo-categoria{
    margin-top: 50px;
    width: 100%;
    height: 100%;
    background-color:#f5f5f5;
    display: flex;
    display: block;
}
.nombre-categoria{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: white;
    
}
.nombre-categoria h2{
  color:#da4453 ;
  margin-left: 30px;
}
.contenedor-subcategoria{
    width: 25%;
    height: auto;
    margin-left: 30px;
    float: left;
    
    border: 1px solid #ccd1d9;
    border-radius: 9px;
    text-align: center;
    padding: 12px;

}
.contenedor-subcategoria h3{
    margin-bottom: 5px;
    padding: 12px;
    color: #da4453;
}
.contenedor-a-subcate{
margin-bottom: 8px;
}
.contenedor-subcategoria a{
    color: black;
    font-weight:bold ;
   padding: 7px 10px;
}
.contenedor-subcategoria a:hover{
color: #ac92ec;
    font-size: 20px;
}
.contenedor-resultadosCategoria-paginacion{
    width:68%;
    margin-right: 10px;
    height: auto;
    float: right;
    
}
/*   *   *   *   *   * Estiloa pagina filtrar-categoria.php   *   *   *   *   *   *   */
.contenedor-todo-filtro{
    width: 100%;
    height: auto;
    margin-top: 50px;
    justify-content: center;
}
.contenido-filtro{
width: 85%;
margin: auto;
    height: auto;
    display: flex;
    flex-wrap: wrap;
}
.mensaje-no-resultados{
    width: 100%;
    height: auto;
    text-align: center;
}
.mensaje-no-resultados h3{
    padding-top: 50px;
    color: #4d4d4d;
}
/*  *  *  *  *  *  *   Estilo a pagina Vistas/producto.php  *  *  *  *  *  *  *  *  */
.cabecera-productos{
    width: 100%;
    height: 500px;
}
/* ------------------------- */

/* *   *   *   *   *   *   *   *   * Empieza estilos a Vistas/tiendas.php   *   *   *   *   *   *  */
.contenedor-todo-tienda{
    width: 100%;
    height: auto;
    background-color: whitesmoke;
    padding-top: 15px;
    padding-bottom: 20px;
}
.contenedor-tienda-t{
    width: 95%;
    height: auto;
    margin: auto;
}
.tienda-descripcion{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-evenly;
    background-color: white;
}
.descripcion-t{
    width: 25%;
    height: auto;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.descripcion-t p{
    padding-top: 20%;
}
.c-imagen{
    width:80px ;
    height: 80px;
    margin: auto;
    border-radius: 50%;
    border: 1px solid #8c8c8c;
    background-color: #ccd1d9;
}
.c-imagen i{
    color: #8c8c8c;
    padding-top: 18px;
    font-size: 40px;
}
.c-imagen img{
    width: 100%;
    height:100%;
    border-radius: 50%;
    border: 1px solid #9b9b9b;
}
.n-titulo{
    font-size: 17px;
    font-weight: bold;
}
.c-calificacion p{
    padding-bottom: 20px;
    text-align: left;
    margin-left: 15px;
}
.seguir{
    height: auto;
    padding: 8px 10px;
    border: 1px solid #da4453;
    border-radius: 9px;
    background-color: white;
    color: #da4453;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 15%;
}
.seguir:hover{
    background-color: #da4453;
    color: white;
}
.contenedor-f-t{
    width: 100%;
    height: auto;
    display: flex;
}
.btn-f-t{
    width: 20%;
    height: auto;
    text-align: center;
    background-color: #423f3f;
}
.btn-f-t p{
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.btn-f-t:hover{
    background-color: #8c8c8c;
}
.btn-f-t-cate{
    width: 20%;
    height: auto;
    text-align: center;
    background-color: #423f3f;
}
.btn-f-t-cate p{
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.btn-f-t-cate:hover{
    background-color: #8c8c8c;
}
.todo-cate-f{
    width: 100%;
    height: auto;
    margin: auto;
}
.btn-cate-f-t{

    height: auto;
    text-align: center;
}
.catego-response{
    display: none;
    width: 19%;
    position: absolute;
    z-index: 3;
}
.f-cate-tienda{
    width: 100%;
    height: auto;
    text-align: center;
    background-color: #423f3f;
}
.f-cate-tienda p{
    color: white;
    font-size: 13px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.f-cate-tienda:hover{
    background-color: #8c8c8c;
}
.c-todo-respuesta{
    width: 100%;
    height: auto;
}
.oferta-t-p{
    width: 100%;
    margin: auto;
    height: auto;
    background-color: #d7e2f7;
    margin-top: 10px;
    margin-bottom: 10px;
}
.titulo-o-t-p{
    width: 100%;
    height: auto;
    text-align: center;
}
.titulo-o-t-p p{
    font-family: Geneva;
    font-size: 25px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #4052ab;
}
.contenedor-p-tienda{
    width: 100%;
    height: auto;
    overflow: auto;
    margin: auto;
    display: grid;
    grid-auto-rows: auto;
    grid-template-columns: 295px 295px 295px 295px;
    grid-gap: 5px;
    padding: 10px 5px 10px 5px;
}
.ir-pro-of{
    position: absolute;
    width: 295px;
    height: 127px;
}
.tienda-d{
    display: flex;
    border: 2px solid #4052ab;
    border-radius: 5px;
    padding: 5px;
    background-color: white;
}
.tienda-img{
    width: 40%;
    height: auto;
    padding: 10px;
}
.tienda-img img{
    width: 90px;
    height: 90px;
    border: 1px solid #ccd1d9;
    border-radius: 3px;
}
.tienda-d-t{
    width: 60%;
    height: auto;
}
.tienda-producto{
    min-height:60px ;
    max-height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}
.tienda-descuento{
    display: flex;
    width: 100%;
    height: auto;
    margin-top: 15px;
}
.tienda-descuento .precio-anterior{
    text-decoration: line-through;
    font-size: 13px;
    margin-right: 10px;
}
.tienda-descuento .precio-d-tienda{
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
}
.tienda-descuento .descuento-tienda{
    width: auto;
    height: auto;
    background-color: #ff1f00;
    padding: 1.5px;
    border-radius: 3px;
    font-size: 13px;
    color: white;
    font-weight: bold;
}
.c-t-todo-productos{
    width: 100%;
    min-height: 450px;
    max-height: auto;
    margin: 20px auto 20px auto;
    background-color: white;
    padding-bottom: 20px;
}
.titulo-tienda-2{
    width: 100%;
    height: auto;
    text-align: center;
}
.titulo-tienda-2 p{
    padding-top: 40px;
    font-size: 17px;
    font-weight: bold;
}
.titulo-todo-p{
    width: 100%;
    height: auto;
    text-align: center;
}
.titulo-todo-p p{
    font-family: Geneva;
    font-size: 25px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.c-productos-t{
    width: 100%;
    height: auto;
    display: grid;
    grid-auto-rows:375px;
    grid-template-columns: 230px 230px 230px 230px 230px;
    grid-gap: 10px;
    margin-top: 30px;

}
.ir-pro-ve-ti{
    position:absolute;
    width:230px;
    height:375px;
}
.c-tienda-p{
    width: auto;
    border: 1px solid #ccd1d9;
    transition: all .3s;
    cursor: pointer;
    font-family: Geneva;
}
.c-tienda-p:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4);
}
.c-imagen-tienda-p{
    width: 90%;
    height: 220px;
    margin: 15px auto 5px auto;
}
.c-imagen-tienda-p img{
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: fixed;
}
.c-tienda-nombre-p{
    width: 100%;
    min-height: 90px;
    max-height: 85px;
    overflow: hidden;
}
.c-tienda-nombre-p .c-tienda-producto{
    font-size: 15px;
    padding: 5px;
}
.c-tienda-precio{
    width: 97%;
    height: auto;
    display: flex;
    margin: auto auto 5px auto;
}
.c-tienda-precio .c-tienda-precio-normal{
    font-size: 15px;
    color: #9b9b9b;
    text-decoration: line-through;
    margin-right: 10px;
}
.c-tienda-precio .c-tienda-precio-oferta{
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    margin-right: 10px;
}
.c-tienda-precio .c-tienda-descuento{
    width: auto;
    height: auto;
    background-color: #ff1f00;
    padding: 1.5px;
    border-radius: 3px;
    font-size: 13px;
    color: white;
    font-weight: bold;
    font-family: verdana;
}
.c-tienda-precio .c-tienda-p-precio{
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    margin-right: 10px;
}
.c-vendidos-t{
    width: 97%;
    min-height:16px;
    display: flex;
    margin: auto auto 5px auto;
}
.c-vendidos-t .c-vendidos-tienda{
    font-size: 12px;
}
.todo-comentarios{
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: white;
}
.comentario-tienda{
    width: 100%;
    height: auto;
}
.titulo-comentario-t{
    width: 100%;
    height: auto;
    text-align: center;
}
.titulo-comentario-t p{
    font-family: Geneva;
    font-size: 25px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.c-tienda-valoracion{
    width: 100%;
    height: auto;
}
.c-tienda-valoracion p{
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tienda-valoracion{
    width: 100%;
    height: auto;
}
.estrellas-valoracion-t{
    display: flex;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.estrellas-valoracion-t .star-p{
    color: #ef8743;
    padding: 0;
    font-size: 20px;
    margin-right: 3px;
}
.tres-valoracion-t{
    display: flex;
    width: 98%;
    height: auto;
    margin:auto;
    border: 1px solid #ccd1d9;
}
.estrellas-val{
    width: 33.3%;
    height: auto;
    margin: 0;
}
.t-valoracion{
    width: 100%;
    height: auto;
    background-color: #ccd1d9;
}
.t-valoracion p{
    padding-left:4px;
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}
.tabla-v{
    width: 100%;
    height: auto;
    background-color: white;
}
.tabla-v p{
    padding-left:4px;
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.tabla-v2{
    width: 100%;
    height: auto;
    background-color: #9facc4;
}
.tabla-v2 p{
    padding-left:4px;
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.star-tabla{
    width: 100%;
    height: auto;
    padding-top: 4px;
    padding-bottom: 5px;
}
.star-tabla i{
    font-size: 15px;
    color: #ef8743;
    margin-right: 3px;
}
.todo-tabla-comentarios{
    width: 100%;
    height: auto;
    margin-top: 50px;
}
.cuatro-tabla-comentarios{
    display: flex;
    width: 100%;
    height: auto;
    background-color: #9facc4;

}
.cuatro-tabla-comentarios p{
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
}
.tabla-comentarios1{
    width: 15%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tabla-comentarios2{
    width: 30%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ir-pro-com{
    position:absolute;
    width:361px;
    height:61px;
}
.tabla-comentarios3{
    width: 15%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.tabla-comentarios{
    width: 40%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.cuatro-tabla-c-todo{
    display: flex;
    width: 100%;
    height: auto;
    border-bottom: 1.5px solid #9b9b9b;
}
.cuatro-tabla-c-todo p{
    margin-left: 5px;
}
.usuario{
    font-size: 13px;
    font-weight: bold;
    color: #423f3f;
}
.producto-ir{
    font-size: 14px;
    color: #3483fa;
    cursor: pointer;
}
.producto-ir:hover{
    color: #da4453;
}
.tabla-comentarios-tienda i{
    font-size: 15px;
    color: #ef8743;
    margin-right: 3px;
}
.fecha-t{
    font-size: 11px;
    font-weight: bold;
    padding-bottom: 5px;
}
.comentario-t{
    font-size: 14px;
}
/*    //    //    Mensaje tiendy mix    \\    \\     */
.mensaje-tiendy{
    display: none;
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 0;
}
.dos-mensaje-t{
    width: 100%;
    display: flex;
    background-color: #000;
}
.derecha-tiendy{
    width: 10%;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.derecha-tiendy img{
    width: 80px;
    height: 80px;
}
.div-tiendy{
    width: 45%;
    height: 90%;
    min-height: 88px;
    margin: auto;
    text-align: center;
    border-left: 6px solid #39ff14;
    place-content: center;
}
.p-tiendy-1{
    font-size: 25px;
    font-family: "Concert One", sans-serif;
    color: #39ff14;
    font-weight: 400;
    font-style: normal;
    
}
.p-tiendy-2{
    display: none;
    color: #f98404;
    font-size: 25px;
    font-family: "Concert One", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.p-tiendy-3{
    color: #f7fd04;
    font-size: 25px;
    font-family: "Concert One", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.separa-mensaje{
    width: 100%;
    height: 113px;
}
.suscribe-responde{
    display: none;
}
.modal-suscribe-correo{
    position: fixed;
    z-index: 99;
    width: 100%;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgb(0, 0, 0, 0.4);
    padding-top: 60px;
}
.todo-m-correo{
    width: 55%;
    height: auto;
    background-color: #fefefe;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 60px;
    overflow: auto;
    text-align: center;
    border-radius: 8px;
}
.titulo-modal-c{
    width: 98%;
    margin: 30px auto;
    display: flex;
}
.icono-modal-c{
    width: 10%;
}
.icono-modal-c i{
    font-size: 28px;
    color:#b429f9;
}
.dos-titulo-correo{
    width: 90%;
    margin-right: 0;
    margin-left: auto;
    text-align: center;
}
.p-modal-correo{
    font-size: 20px;
    font-weight: bold;
    color: #1c1c1c;
    font-family: "Concert One", sans-serif;
}
.btns-contenedor-modal-correo{
    width: 98%;
    margin: 50px auto 30px auto;
    display: flex;
}
.btn-dos-modal-c{
    width: 50%;
    text-align: center;
}
.btn-correo-c{
    width: auto;
    padding: 9px;
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 9px;
    color: white;
    background: linear-gradient(90deg, #f7935c, #ee4c5a);
    cursor: pointer;
}
.btn-correo-a{
    width: auto;
    padding: 9px;
    font-size: 18px;
    font-weight: bold;
    border: none;
    border-radius: 9px;
    color: white;
    background: linear-gradient(90deg, #12b3eb, #5460f9);
    cursor: pointer;
}
.ir-pro{
    position: absolute;
    height: 270px;
    width: 173px;
}
/*. Estolos pagina politica-privacidad */
.contenedor-poli{
    width:100%;
    background-color: #f5f5f5;
}
.todo-poli{
    width: 97%;
    margin: auto;
    border-radius: 10px;
    padding: 10px 8px;
    background-color: white;
}
.ti-poli{
    width: 100%;
    margin: auto;
    
}
.ti-poli p{
    font-size: 20px;
    font-weight: bold;
}
.cont-parrafo{
    width: 100%;
    padding-bottom: 10px;
}
.titulos-cont{
    width:100%;
    padding-top: 10px;
    padding-bottom: 10px;
}
.titulos-cont p{
    font-size: 16px;
    font-weight: bold;
}
.parrafo-cont{
    width:100%;
    padding:10px 0 ;
}
.normal-p{
    font-size: 15px;
}
.negrita-p{
    font-size: 15px;
    font-weight: bold;
}
.parrafo-cont-2{
    width:100%;
    display: flex;
}
.parrafo-2{
    width: auto;
    padding:10px 0 ;
}
.normal-2{
    font-size: 15px;
    margin-right: 7px;
}
.enlace-p{
    color: #4052ab;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    cursor:pointer;
}
/*   *   *   *   *   *   *   *   *  Termina estilos a Vistas/tiendas.php   *   *   *   *   *   */
@media screen and (max-width: 1200px) {
    .c-productos-t{
        grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (max-width: 1100px) {
 
    .categoria-izquierda{
        margin-right: 0;
        margin-left: 0;
    }
    .productos-ofertas{
        grid-template-columns: repeat(4, 1fr);
        grid-gap:12px;
    }
}

/* ------------------------- */
@media screen and (max-width: 800px) {
    .separa-mensaje{
        display: none;
    }
    .log-t {
        display: none;
    }
    
.texto {
    width: 100%;
}

.header {
    background-color: #ed5565;
    color: white;
    height: auto;
    position: absolute;
    top: 0;

}
.header .texto {
    color: white;
}
.busqueda {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: start;
    padding-top: 10px;
}

.busqueda .form-search {
    width: 100%;
    height: 40px;
    margin-left: 0;

}

.contenedor-search {
    display: flex;
    width: 93%;
    height: auto;
    bottom: 0;
    float: left;
    left: 0;
}

.contenedor-search form input#search {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    float: left;
    position: static;
    border-radius: 13px;
    font-size:16px;
}
.contenedor-search .btn {
    width: 8%;
    right: 7.5%;
    top: 73px;
    height: 35px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    background-color: #CDA738;
    border:.5px solid #CDA738;
    border-radius: 15px;
    font-size:18px;

}
.contenedor-search i{
    color:white;
    font-size:18px;
}
.contenedor-search .btn:hover{
    color:#CDA738;
    font-size:18px;
}

.contenedor-lista {
    width: 92%;
    margin-top: 0;
    margin-left: 5px;
    background-color: white;
    border-radius:10px;

}

.contenedor-lista .auto-completar {
    width: 100%;
    margin-top: 0;
    z-index: 99;

}

.notificacion-celulares li {
    font-size:14px;
}
.separador-1{
    width: 100%;
    background-color: #ed5565;
    height: 15px;
}
.separador {
    height: 125px;
}
.contenedor-search i:hover {
    font-size: 18px;
    color: #3483fa;
}
.busqueda .car-shopping {
    display:block;
    width: 7%;
    height: 40px;
    right: 0;

}
.car-shopping a{
    width: 100%;
    height: 40px;
    background-color: white;
    border: 1px solid #ed5565;
    outline: none;
    cursor: pointer;
    text-align: center;
    padding-top: 10px;

}
.car-shopping button {
    width: 100%;
    height: 40px;
    background-color: white;
    border: 1px solid #ed5565;
    outline: none;
    cursor: pointer;
    border-radius:10px;
}

.car-shopping i {
    color: black;
    font-size: 20px;
}

.car-shopping i:hover {
    color: #CDA738;
}

/* menú categorias para celulares */
.menu-categorias-celulares {
    display: none;
}
.content-t-cat{
    display:flex;
    width: 99%;
    height: 300px;
    right: 3px;
    margin-top:5px;
    background-color: white;
    border: 1.5px solid #9facc4;
    position: absolute;
    overflow: hidden;
    z-index: 10;
    border-radius:9px;
    box-shadow: 2px 2px 5px #999;
    
}
.icono-cerrar {
        position: absolute;
        z-index: 100;
        font-size:20px;
        right: 0;
        color: #3483fa;
        margin: 3px;
        cursor: pointer;
    }
    .div-cat{
    width: 50%;
    overflow:auto;

    }
.menu-categorias-celulares ul {
    width: 100%;
}

.menu-categorias-celulares li {
    color: #1c1c1c;
    cursor: pointer;
    background-color: white;
    cursor: pointer;
    height:42px;
}

.menu-categorias-celulares li:hover {
    background-color: #e4e2e1;
    border-radius:10px;
}
.response-sub{
    width:50%;
    position:absolute;
    z-index:99;
    right:0;
    top:0;
    overflow:auto;
}

.m-cel-sub{
    padding: 5px 2px 2px 5px;
    height: 42px;
    font-size:14px;
    color:#ED5565;
}
.menu-categorias-celulares .categoria-boton {
    cursor: pointer;
    height:42px;
    place-content:center;
    font-size: 13px;
    padding-left:3px;
    color: #1c1c1c;
}

.menu-subcategoria-celulares {
    width: 100%;
    min-height: auto;
    max-height: 300px;
    background-color: white;
    overflow: hidden;
    overflow-y: scroll;
}

.menu-subcategoria-celulares ul {
    width: 100%;
}

.menu-subcategoria-celulares .menu-categoria-cel {
    height:42px;
    color: #1c1c1c;
    cursor: pointer;
    background-color: white;
    cursor: pointer;
    list-style:none;
}

.menu-subcategoria-celulares .categoria-boton{
    display:block;
    position:absolute;
    z-index:99;
    width:100%;
    height:42px;
    place-content:center;
    cursor: pointer;
    padding: 3px;
    font-size: 13px;
    color: #1c1c1c;
}
.menu-subcategoria-celulares .categoria-boton:hover{
    background-color: #e4e2e1;
    border-radius:10px;
}
.menu {
    display: none;
}

.container {
    width: 100%;
}

.columna-filtros{
    width: 100%;
}
.resultados-busqueda{
    width: 100%;
    margin: auto;
    background-color: white;
    border: none;
    padding: 3px;
}
.resultados-busqueda p{
    font-size: 14px;
    margin-left: 10px;
}
.categorias-relacionadas{
    width: 100%;
    margin:auto;
    padding: 3px;
    border-radius:0;
}
.categorias-relacionadas h5{
    margin-left: 10px;
}
.ir-categoria-a{
     margin-top: 2px;
}
.ir-categoria-a a{
    font-size: 14px;
    margin-left: 10px;
    padding-bottom: 0;
}

.busqueda-todo {
    width: 100%;
    margin-top: 5px;
    box-shadow: none;
}
.btn-filtro-p {

    height: 46px;

}
.btn-select-precio{

    height: 46px;
}
.mensaje-tiendy {
    display:block;
    bottom: 70px;
}
/* botones celulares */
.botones-celulares {
    width: 100%;
    height: auto;
    background-color: white;
    display: flex;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    box-shadow: 1px 1px 10px #999;
}
.botones-celulares .btn-cel {
    height: 70px;
    padding: 15px;
    justify-content: center;
}

.btn-cel i {
    font-size: 30px;
    color: #4d4d4d;
    cursor: pointer;
}

.btn-cel i:hover {
    color: #ed5565;
}
/*  botones celulares */
.re-u {
    color:black;
    text-align:left;
    background-color:white;
    font-size:14px;
}
.re-u:hover{
    border:none;
    background-color:#E4E2E1;
}
.logo-ir {
    z-index:100;
    width:70px;
    height:70px;
    right: 50%;
    }
.logo-tien {
    margin-right:auto;
    height:auto;
    position:static;
    width: 90%;
    margin-left: 0;
    cursor:auto;
}
.logo-tien .logo-tiendy{
    display:block;
    width:70px;
    height:70px;
    margin-left:auto;
    margin-right:auto;
    cursor:pointer;
}
.load-sess{
    display:block;
    width: auto;
    height: 40px;
    font-size: 28px;
    position:absolute;
    top:10px;
    right:5px;
    
}
.icon-load{
   color:white;
}
.icon-load:hover{
    color:#CDA738;
}
.icon-not{
    color:white;
    font-size: 28px;
    background-color:#ed5565;
    border:none;
    cursor:pointer;
}
.icon-not:hover{
    color:#CDA738;
}
.notifica{
    right:26px;
    background-color:#1c1c1c;
}
.notificacion-celulares ul {
    top:51px;
    border-radius: 10px;
}
    .notificacion-celulares li {
        height:30px;
    }
    .notificacion-celulares li:hover{
        border-radius:10px;
    }
.not-a{
    position: absolute;
        height: 30px;
        width: 100%;
        right: 2px;
        margin-top: -6px;
}
.not-p{
    height:28px;
}
.busqueda {
    padding-top:0;
    }
.titulo-c i {
    margin-top:10px;
}
.pie-pagina{
    display: none;
}
.contenido-busqueda{
    grid-template-columns: repeat(4, 1fr);
    padding-left: 10px;
    padding-right: 10px;
   
}
.titulo-c{
    width: auto;
}
.button-ofertas{
    width: auto;
    margin-right: 3px;
    margin-left: auto;
}
.contenedor-todo-paginacion{
    width: 90%;
    margin: auto;
}
.contenedor-numero-pagina a,
.pagina-seleccionada {
    padding: 6px ;
    font-size: 15px;
}
.separa-cel-paginador{
    width: 100%;
    height: 87px;
}
.productos-ofertas{
    grid-template-columns: repeat(3, 1fr);
    grid-gap:12px;
}
.contenedor-todo-tienda {
    margin-top: 91px;
}
.c-calificacion p {
    font-size: 14px;
}
.descripcion-t p{
    font-size: 14px;
}
.contenedor-tienda-t {
    width: 98%;
}
.c-productos-t{
    grid-template-columns: repeat(3, 1fr);
}
.catego-response {
    width: 19.6%;
}
}
@media screen and (max-width: 840px) {
    .tabla-comentarios {
        width: 30%;
    }
    .tabla-comentarios3 {
        width: 20%;
    }    
    .tabla-comentarios-tienda i {
        font-size: 13px;
        margin: 0;
    }
}
@media screen and (max-width: 700px) {

    .cuatro-tabla-comentarios p {
        font-size: 14px;
        margin-left: 2px;
    }
    .todo-m-correo{
        width: 75%;
    }
}
@media screen and (max-width: 550px) {

    .notificacion-celulares ul{
        width: 60%;
    }
    .tabla-comentarios1 {
        width: 18%;
    }
    .cuatro-tabla-c-todo p {
        margin-left: 2px;
    }
    .tabla-comentarios2 {
        width: 25%;
    }
    .tabla-comentarios3 {
        width: 27%;
    }
    .usuario {
        font-size: 11px;
    }
    .producto-ir {
        font-size: 12px;
    }
    .comentario-t {
        font-size: 12px;
    }
}
@media screen and (max-width: 530px) {
     .btn-filtro-p {
        width: 87px;
         margin: 2px;
         padding: 5px;
         
     }
     .btn-select-precio{
         margin: 2px;
     }

     .star-filtro-p {
         font-size: 15px;
         margin-right: 2px;
     }
     .contenedor-busqueda1{
        width: 95%;
     }   
     .todo-m-correo{
        width: 98%;
    }
}
@media screen and (max-width: 600px) {
    .cuatro-tabla-comentarios p {
        font-size: 12px;
    }
}

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

     .btn-filtro-p {
         margin: 5px;
         padding: 4px 10px;
     }
     .btn-select-precio{
        margin: 5px;
     }
     .star-filtro-p {
         font-size: 15px;
         
     }
     .contenido-busqueda{
        grid-template-columns: repeat(3, 1fr);
        padding-left: 10px;
        padding-right: 10px;
       
    }
    .titulo-ofertas{
        width: 95%;
    }
    .productos-ofertas{
        grid-template-columns: repeat(2, 1fr);
        grid-gap:20px;
    }
    .c-productos-t{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 482px) {
    
    .btn-filtro-p {
        margin: 2px;
        padding: 5px;
    }
    .btn-select-precio{
        margin: 2px;
    }
    .active{
        width: 87px;
        margin: 2px;
        padding: 5px;
        margin: 2px;
    }
    
    .star-filtro-p {
        font-size: 15px;
        margin-right: 5px;
    }
    .contenido-busqueda {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;

    }
    .productos-ofertas{
        grid-gap:5px;
    }
    .notificacion-celulares ul{
        width: 70%;
    }
    .c-imagen {
        width: 70px;
        height: 70px;
    }
    .descripcion-t p {
        font-size: 12px;
    }
    .c-calificacion p {
        margin-left: 0;
    }
    .seguir {
        padding: 5px 8px;
    }
    .btn-f-t p {
        font-size: 10px;
    }
    .btn-f-t-cate p {
        font-size: 10px;
    }
    .f-cate-tienda p {
        font-size: 10px;
    }
    .contenedor-tienda-t {
        width: 100%;
    }
    .catego-response {
        width: 20%;
    }
    .c-t-todo-productos {
        width: 98%;
    }
    .c-tienda-precio .c-vendidos-tienda {
        margin-left: 65px;
    }
}
@media screen and (max-width: 450px) {
    .cuatro-tabla-comentarios p {
        font-size: 10px;
    }
}
@media screen and (max-width: 412px) {

    .notificacion-celulares ul{
        width: 80%;
    }
    .c-imagen-tienda-p {
        height: 200px;
    }
    .c-tienda-precio .c-vendidos-tienda {
        margin-left: 45px;
    }
}
@media screen and (max-width: 360px) {

    .btn-filtro-p {
        height: 45px;
        margin: 1px;
        padding: 3px;
    }
    .btn-select-precio{
        height: 45px;
        margin: 1px;
    }
    .btn-envio-g {
        margin: 1px;

        padding: 3px;
    }
    .select-filtro-precio {
        width: 90px;
        height: 45px;
        margin: 1px;
        padding: 3px;

        background-position: 65px;
    }

    .star-filtro-p {
        font-size: 14px;
        margin-right: 2px;
    }
    .contenedor-busqueda2 {
        width: 170px;
    }

}
@media screen and (max-width: 393px) {
    .catego-response {
        margin-top: 12px;
    }
}
/*   **   */