/*******************************
        Pagina Inicio
 *******************************/

#inicio .banner-inicio {
    position: relative;
}

#inicio .banner-inicio .slider-container {
    position: relative;
    max-height: 624px;
    overflow: hidden;
}
#inicio .banner-inicio .slider-container .slider-item {
    display: none;
}
#inicio .banner-inicio .slider-container .slider-item:first-child {
    display: block;
}
#inicio .banner-inicio .slider-container .fade {
    animation-name: fadeSliderEffect;
    animation-duration: 1.5s;
}
#inicio .banner-inicio .slider-container .slider-item  .fondo {
    position: absolute;
    top: 0;
    left: 0;
    height: 624px;
    width: 100%;
    background: rgb(0, 0, 0, 0.5);
}
#inicio .banner-inicio .slider-container .slider-item img {
    width: 100%;
}
#inicio .banner-inicio .slider-container .slider-item .slider-content {
    position: absolute;
    top: 30px;
    width: 100%;
}
#inicio .banner-inicio .slider-container .slider-item .titulo {
    font-size: 39px;
    font-weight: 600;
    color: #fff;
}
#inicio .banner-inicio .slider-container .slider-item p {
    margin-bottom: 40px;
    font-size: 19px;
    font-weight: 200;
    color: #fff;
}
#inicio .banner-inicio .slider-container .slider-item .btn-vermas a {
    background-color: #fff;
    border-radius: 11px;
    padding: 14px 40px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-azul);
}
#inicio .banner-inicio .slider-nav {
    position: absolute;
    bottom: 180px;
    right: 20px;
    width: 100%;
    text-align: center;
}
#inicio .banner-inicio .slider-nav .btn-slider-dot {
    background-color: var(--color-gris-claro);
    cursor: pointer;
    height: 4px;
    width: 30%;
    margin: 0 2px;
    border-radius: 2px;
    display: inline-block;
    transition: background-color 0.6s ease;
}
#inicio .banner-inicio .slider-nav .active, 
#inicio .banner-inicio .slider-nav .btn-slider-dot:hover {
    background-color: var(--color-celeste);
}

#inicio .valores {
    position: relative;
    background-image: url('../img/inicio-valores-fondo.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
    margin-top: -112px;
    padding: 60px 0 40px 0;
    color: #fff;
}
#inicio .valores .titulo {
    margin-bottom: 40px;
    font-size: 32px;
    font-weight: 500;
}
#inicio .valores .titulo-valor {
    font-weight: 500;
}
#inicio .valores img {
    height: 73px;
}
#inicio .valores p {
    font-weight: 200;
}

#inicio .marcas {
    text-align: center;
}
#inicio .marcas .imagenes img {
    margin: 0 30px;
}

#inicio .servicios {
    position: relative;
}
#inicio .servicios .fondo {
    background-image: url('../img/inicio-servicios-fondo.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 158px 0;
}
#inicio .servicios .texto {
    color: #fff;
    margin: 20px 0 40px 0;
}
#inicio .servicios .texto p {
    margin: 0;
}
#inicio .servicios .btn-vertodos {
    background-color: var(--color-azul);
    border-radius: 11px;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
#inicio .servicios .fondo-imagen {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url('../img/inicio-servicios-imagen.png');
    background-repeat: no-repeat;
    background-position: center right;
    height: 100%;
    width: 60%;
}

#inicio .porque-fegasa {
    background-color: var(--color-celeste-claro);
    padding: 20px 0 40px 0; 
}
#inicio .porque-fegasa .caja-valor {
    display: flex;
}
#inicio .porque-fegasa .caja-valor p {
    margin-left: 14px;
    text-align: justify;
}

#inicio .productos-destacados #productos-lista {
    padding-left: 30px;
    padding-right: 30px;
}

#inicio .explora .titulo {
    text-align: center;
    padding: 30px 0;
    font-size: 22px;
    font-weight: 600;
}
#inicio .explora .categorias {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
#inicio .explora .categorias .caja {
    background: url('/img/fondo-esquina-sm.png') var(--color-azul);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 97px;
    width: 100%;
    max-width: 263px;
    display: flex;
    justify-content: center;
    align-items: center; 
    border-radius: 10px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    box-sizing: border-box;
}
#inicio .explora .categorias .caja:hover {
    color: var(--color-celeste);
}
#inicio .explora .btn-categorias {
    margin: 60px 0;
    text-align: center;
}
#inicio .explora .btn-categorias a {
    background-color: var(--color-celeste);
    border-radius: 11px;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}
#inicio .explora .btn-categorias a:hover {
    background-color: var(--color-gris);
}

#inicio .contacto {
    height: 300px;
}
#inicio .contacto .fondo {
    background-image: url('../img/inicio-fondo.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    padding: 100px 0 570px 0;
}
#inicio .contacto .btn-aqui {
    margin-top: 20px;
}
#inicio .contacto .btn-aqui a {
    background-color: var(--color-azul);
    border-radius: 11px;
    padding: 16px 60px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

/*******************************
        Pagina Nosotros
 *******************************/

#nosotros .banner {
    background-image: url('../img/banner-nosotros.jpg');
}
#nosotros .texto-centro {
    width: 600px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
#nosotros img {
    object-fit: cover;
    width:100%;
}
#nosotros .datos {
    position: relative;
    background-color: var(--color-azul);
    margin: 0 20px;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
    text-align: center;
    color: #fff;
}
#nosotros .datos .esquina-izq, 
#nosotros .datos .esquina-der {
    position: absolute;
}
#nosotros .datos .esquina-izq {
    left: 0;
    bottom: -7px;
}
#nosotros .datos .esquina-der {
    top: -7px;
    right: 0;
    transform: rotate(180deg);
}
#nosotros .datos .caja {
    padding: 20px 0;
}
#nosotros .caja .numero {
    font-size: 54px;
    font-weight: 700;
}
#nosotros .caja .numero .plus {
    color: var(--color-celeste);
}
#nosotros .caja-direccion .titulo, 
#contacto .caja-direccion .titulo, 
#nosotros .foto .titulo {
    background-color: var(--color-azul);
    padding: 4px 40px 4px 30px;
    border-bottom-right-radius: 100px;
    font-size: 20px;
    color: #fff;
}
#nosotros .caja-direccion .contenido, 
#contacto .caja-direccion .contenido {
    padding: 0 10px;
}
#nosotros .caja-direccion .contenido ul,
#contacto .caja-direccion .contenido ul {
    list-style: none;
    padding: 0;
}
#nosotros .caja-direccion .contenido li, 
#contacto .caja-direccion .contenido li {
    padding-left: 30px;
    background-repeat: no-repeat;
}
#nosotros .caja-direccion .contenido .direccion, 
#contacto .caja-direccion .contenido .direccion {
    background-image: url('../img/icon_ubigeo.png');
}
#nosotros .caja-direccion .contenido .telefono ,
#contacto .caja-direccion .contenido .telefono {
    background-image: url('../img/icon_celular.png');
}

#nosotros .foto {
    position: relative;
}
#nosotros .foto img {
    object-fit: cover;
    width:100%;
    height:100%;
    border: 1px solid var(--color-arena);
    border-radius: 20px;
}
#nosotros .foto .titulo {
    position: absolute;
    bottom: 30px;
    font-size: 22px;
}

/*******************************
        Pagina Servicios
 *******************************/

#servicios .banner {
    background-image: url('../img/banner-servicios.jpg');
}
#servicios .caja {
    position: relative;
}
#servicios .caja .imagen {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    height: 360px;
    overflow: hidden;
    object-fit: cover;
}
#servicios .caja .titulo {
    background: url('../img/fondo-esquina.png') var(--color-azul);
    background-repeat: no-repeat;
    background-position: right bottom;
    display: flex;
    align-items: center;
    padding: 24px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    min-height: 114px;
    font-size: 22px;
    color: #fff;
}

#servicios .caja .hover-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(1, 68, 208, .8);
    color: var(--color-blanco);
    border-radius: 12px;
}
#servicios .caja .hover-content .spacing {
    padding: 30px 20px 20px 20px;
}
#servicios .caja .hover-content .servicio-titulo {
    background-color: #fff;
    padding: 8px 30px;
    border-radius: 22px;
    font-size: 21px;
    font-weight: 600;
    color: var(--color-azul);
}
#servicios .caja .hover-content .servicio-titulo a {
    color: var(--color-azul);
}
#servicios .caja .hover-content .servicio-titulo a:hover {
    color: var(--color-negro);
}
#servicios .caja .hover-content .spacing p {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 15px;
}
#servicios .caja .hover-content .spacing .consulta {
    font-weight: 500;
    margin-top: 24px;
    margin-left: 20px;
    margin-right: 20px;
}
#servicios .caja .hover-content .spacing .consulta a {
    color: #fff;
}
#servicios .caja .hover-content .spacing .consulta a:hover {
    background-color: #fff;
    border-radius: 18px;
    padding: 8px 5px;
    color: var(--color-negro);
}
#servicios .caja .hover-content .spacing .consulta span {
    background-color: var(--color-verde);
    padding: 4px 8px;
    margin-right: 10px;
    border-radius: 100px;
}
#servicios .caja:hover .imagen {
    height: 474px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
#servicios .caja:hover .imagen img {
    height: 100%;
    
}
#servicios .caja:hover .titulo {
    display: none;
}
#servicios .caja:hover .hover-content {
    opacity: 1;
    cursor: pointer;
}

#servicios .contenido .titulo {
    font-size: 25px;
    font-weight: 600;
    color: var(--color-azul);
}
#servicios .contenido .texto .imagen {
    margin-left: 20px;
}
#servicios .contenido .texto .imagen img {
    width: 100%;
    border-radius: 14px;
}

/*******************************
        Lista Productos
 *******************************/

#productos-lista {
    margin-top: 20px;
}
#productos-lista .item {
    margin: 10px
}
#productos-lista .producto {
    box-shadow: 0 0 10px var(--color-arena);
    background-color: #fff;
    position: relative;
    border-radius: 8px;
    border: 0;
    
}
#productos-lista .producto .imagen {
    padding-top: 10px;
}
#productos-lista .producto .imagen img {
    width: 100%;
}
#productos-lista .producto .texto {
    padding: 10px;
}
#productos-lista .producto .texto h3 {
    margin: 0;
    height: 76px;
    overflow: hidden;
    font-weight: 600;
    font-size: 16px;
}
#productos-lista .producto .texto h3 a {
    color: var(--color-negro);
}
#productos-lista .producto .texto .caja {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
#productos-lista .producto .texto .precio {
    font-size: 18px;
    color: var(--color-azul);
}
#productos-lista .producto .texto .btn-comprar img {
    height: 30px;
}

#productos-lista .producto .hover-over-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, .8);
    color: var(--color-blanco);
    border-radius: 8px;
}
#productos-lista .producto .hover-over-content .spacing {
    padding: 10px 15px;
}
#productos-lista .producto .hover-over-content .producto-titulo {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
}
#productos-lista .producto .hover-over-content .btn-detalle {
    font-weight: 500;
    position: absolute;
    bottom: 10px;
    width: calc(100% - 28px);
}
#productos-lista .producto .hover-over-content .spacing p {
    margin-top: 5px;
    font-size: 13px;
}
#productos-lista .producto .hover-over-content .spacing a:hover {
    color: #fff;
}
#productos-lista .producto:hover .hover-over-content {
    opacity: 1;
}

/*******************************
        Catálogo Productos
 *******************************/

/*#catalogo {
    background-image: url('../img/fondo-catalogo.gif');
    background-position: center;
    background-repeat: repeat-y;
}*/

#catalogo .banner-catalogo {
    position: relative;
}

#catalogo .banner-catalogo .slider-container {
    position: relative;
    /*max-height: 355px;*/
    overflow: hidden;
}
#catalogo .banner-catalogo .slider-container .slider-item {
    display: none;
}
#catalogo .banner-catalogo .slider-container .slider-item:first-child {
    display: block;
}
#catalogo .banner-catalogo .slider-container .fade {
    animation-name: fadeSliderEffect;
    animation-duration: 1.5s;
}
#catalogo .banner-catalogo .slider-container .slider-item img {
    width: 100%;
}
#catalogo .banner-catalogo .slider-nav {
    position: absolute;
    top: 10px;
    right: 20px;
}
#catalogo .banner-catalogo .slider-nav .btn-slider-dot {
    background-color: var(--color-gris-claro);
    cursor: pointer;
    height: 6px;
    width: 24px;
    margin: 0 2px;
    border-radius: 2px;
    display: inline-block;
    transition: background-color 0.6s ease;
}
#catalogo .banner-catalogo .slider-nav .active, 
#catalogo .banner-catalogo .slider-nav .btn-slider-dot:hover {
    background-color: var(--color-celeste);
}

#catalogo .filtros {
    background-image: url('../img/fondo-banner.png');
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: -104px;
    padding-top: 30px;
    color: #fff;
    z-index: 1;
    position: relative;
}
#catalogo .filtros .contenedor {
    padding: 0;
}
#catalogo .filtros .titulo-h1 {
    margin: 0;
}
#catalogo .filtros .formulario {
    background-color: var(--color-azul);
    margin-top: 20px;
}
#catalogo .filtros .texto {
    font-size: 14px;
    margin-bottom: 4px;
}
#catalogo .filtros .caja {
    position: relative;
}
#catalogo .filtros .caja::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px; /* Ajusta la posición horizontal de la flecha */
    width: 0;
    height: 0;
    pointer-events: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--color-azul); /* Color de la flecha */
    transform: translateY(-50%);
    pointer-events: none;
}
#catalogo .filtros select {
    width: 100%;
    border-radius: 8px;
    padding: 8px;
    border: 0;
    appearance: none; /* Oculta la flecha nativa en algunos navegadores */
    -webkit-appearance: none; /* Oculta la flecha nativa en Safari */
    -moz-appearance: none; /* Oculta la flecha nativa en Firefox */
    font-size: 15px;
    color: var(--color-negro);
}
#catalogo .filtros .btn-buscar {
    padding-top: 22px;
}
#catalogo .filtros .btn-buscar button {
    background-color: var(--color-celeste);
    border-radius: 8px;
    padding: 11px 60px;
    border: 0;
    font-size: 15px;
    color: #fff;
}

#catalogo .cabecera .titulo-h2 {
    margin: 0;
}
#catalogo .cabecera .texto {
    font-size: 12px;
}
#catalogo .cabecera .caja {
    position: relative;
}
#catalogo .cabecera .caja::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid var(--color-azul);
    transform: translateY(-50%);
    pointer-events: none;
}
#catalogo .cabecera select {
    width: 100%;
    border-radius: 4px;
    padding: 8px;
    border: 1px solid var(--color-arena);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 12px;
    color: var(--color-gris);
}
#catalogo #productos-lista {
    max-width: 912px;
}

/*******************************
        Detalle Producto
 *******************************/

#producto {
    background-color: var(--color-arena-claro);
}
#producto .breadcrumb {
    background-color: #fff;
}
#producto .detalle, 
#producto .informacion {
    background-color: #fff;
    /*border: 1px solid var(--color-arena);*/
    border-radius: 8px;
}
#producto .detalle {
    padding: 10px 30px;
}
#producto .precio {
    text-align: center;
    font-size: 28px;
    font-weight: 300;
    color: var(--color-gris-oscuro);
}

#producto .informacion {
    padding: 20px;
}
#producto .informacion .tab {
    overflow: hidden;
}
#producto .informacion .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}
#producto .informacion .tab button:hover {
    color: var(--color-azul);
}
#producto .informacion .tab button.active:hover {
    color: var(--color-negro);
}
#producto .informacion .tab button.active {
    border-bottom: 2px solid var(--color-gris);
}
#producto .informacion .tabcontent {
    display: none;
    padding: 12px;
    border-top: 1px solid #ccc;
    animation: fadeEffect 1s;
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
#producto .informacion .tabcontent.active {
    display: block;
}

#producto .productos-relacionados {
    background-color: #fff;
}
#producto .productos-relacionados .titulo-h3 {
    border-bottom: 1px solid var(--color-arena);
    padding-bottom: 10px;
    color: var(--color-gris);
}

/*******************************
        Pagina Carrito
 *******************************/

#carrito .texto {
    font-size: 14px;
}
#carrito .tabla img {
    height: 50px;
}
#carrito .tabla a {
    color: var(--color-gris);
}
#carrito .tabla .form-control {
    display: inline;
    width: 60px;
    font-size: 14px;
}
#carrito .tabla .total {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-gris-oscuro);
}
#carrito .btn-pagar {
    text-align: right;
}
#carrito .boton {
    padding-top: 10px;
    padding-bottom: 10px;
}

#registro .caja {
    border: 1px solid var(--color-arena);
    padding: 0 30px 20px 30px;
    border-radius: 8px;
}
#registro .texto {
    font-size: 14px;
}

/*******************************
        Paginas Pago
 *******************************/

#pago .texto {
    font-size: 14px;
}

#pago a.boton {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*******************************
        Paginas Cliente
 *******************************/

#cliente .menu-lateral {
    margin-top: 10px;
}
#cliente .titulo-h2 {
    margin-top: 0;
}
#cliente .btn-detalle {
    background-color: var(--color-azul);
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    color: #fff;
}
#cliente .btn-detalle:hover {
    background-color: var(--color-celeste);
}

/*******************************
        Pagina Contácto
 *******************************/

#contacto .banner {
    background-image: url('../img/banner-contacto.jpg');
}
#contacto .form .form-control {
    padding: 14px;
}
#contacto .titulo-h2 {
    text-align: center;
}
#contacto .texto {
    font-size: 16px;
}
#contacto .caja_terminos {
    display: flex;
    margin-bottom: 20px;
    font-size: 14px;
}
#contacto .btn-enviar {
    padding: 18px 8px;
}
#contacto .caja_datos_contacto {
    margin-left: 80px;
}
#contacto .caja_datos_contacto .datos {
    font-size: 16px;
}
#contacto .redes a {
    background: var(--color-azul);
    color: #fff;
    border-radius: 100px;
    margin-right: 10px;
    font-size: 12px;
}
#contacto .redes a:hover {
    background-color: #fff;
    color: var(--color-azul);
    border: 1px solid var(--color-azul);
}
#contacto .redes .icon-facebook {
    padding: 6px 12px;
}
#contacto .redes .icon-instagram {
    padding: 6px 10px;
}
#contacto .redes .icon-linkedin {
    padding: 6px 10px;
}
#contacto .caja-tienda {
    display: flex;
    background-color: #fff;
    margin-bottom: 20px;
    box-sizing: content-box;
    border-radius: 20px;
}
#contacto .caja-tienda .caja-direccion {
    padding: 20px;
    width: 454px;
    font-size: 18px;
}
#contacto .faqs {
    font-size: 16px;
}
#contacto .accordion {
    background-color: var(--color-celeste-claro);
    border-radius: 12px;
    color: var(--color-gris);
    cursor: pointer;
    padding: 6px 20px 6px 14px;
    transition: 0.4s;
    font-weight: 500;
}
  
#contacto .active, .accordion:hover {
    background-color: var(--color-azul);
    color: #fff;
}
  
#contacto .accordion:after {
    content: '\002B';
    color: var(--color-gris);
    float: right;
    margin-right: -10px;
}
  
#contacto .active:after {
    content: "\2212";
    color: #fff;
}
  
#contacto .panel {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin-bottom: 10px;
}

/*******************************
        Mobile Styles
 *******************************/

@media only screen and (max-width: 600px) {
    #inicio .banner-inicio .slider-container .slider-item .titulo {
        margin: 0;
        font-size: 22px;
    }
    #inicio .banner-inicio .slider-nav .contenedor {
        padding: 0 10px;
    }
    #inicio .banner-inicio .slider-container .slider-item .slider-content {
        top: 0;
    }
    #inicio .banner-inicio .slider-container .slider-item p {
        margin-top: 0;
        font-size: 12px;
    }
    #inicio .banner-inicio .slider-container .slider-item .btn-vermas {
        text-align: right;
    }
    #inicio .banner-inicio .slider-container .slider-item .btn-vermas a {
        font-size: 12px;
        padding: 4px 20px;
    }
    #inicio .banner-inicio .slider-nav {
        top: 0;
        left: 0;
        text-align: right;
    }
    #inicio .banner-inicio .slider-nav .btn-slider-dot {
        width: 40px;
    }
    #inicio .valores {
        margin-top: -50px;
        background-size: 170%;
    }
    #inicio .valores .contenedor {
        background-color: var(--color-azul);
        text-align: center;
    }
    #inicio .explora .categorias {
        flex-direction: column;
    }
    #inicio .servicios {
        text-align: center;
    }
    #inicio .servicios .fondo-imagen {
        display: none;
    }
    #inicio .porque-fegasa .caja-valor p {
        text-align: left;
    }
    #inicio #productos-lista {
        padding-left: 0px;
        padding-right: 0px;
    }
    #inicio .contacto .fondo {
        background-size: auto 50%;
    }
    #nosotros img, 
    #producto .informacion .tabcontent img, 
    #contacto img {
        width: 100%;
    }
    #nosotros .foto .titulo {
        font-size: 13px;
    }
    #servicios .caja .hover-content .spacing .consulta {
        margin-left: 10px;
        margin-right: 10px;
    }
    #servicios .caja .hover-content .servicio-titulo {
        font-size: 18px;
    }
    #servicios .caja .hover-content .spacing p {
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
        font-size: 14px;
    }
    #servicios .caja .imagen {
        height: 321px;
    }
    #servicios .caja:hover .imagen {
        height: 435px;
    }
    #catalogo .filtros {
        background-size: 230%;
        margin-top: -39px;
    }
    #catalogo .filtros .formulario {
        margin-top: -1px;
    }
    #catalogo .filtros .fondo-azul {
        background-color: var(--color-azul);
        margin-top: 6px;
    }
    #catalogo .filtros .titulo-h1 {
        margin-left: 10px;
    }
    #catalogo .filtros .btn-buscar {
        padding-top: 0;
    }
    #catalogo .filtros .btn-buscar button {
        width: 100%;
    }
    #contacto .caja_datos_contacto {
        margin-left: 0;
    }
    #contacto .caja-tienda {
        display: block;
    }
    #contacto .caja-tienda .caja-direccion {
        width: 100%;
    }
    #carrito .tabla .form-control, 
    #carrito .boton {
        width: 100%;
    }
    #carrito .boton {
        display: block;
    }
}