/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 /* Estilos generales */
 #wrapper, #header, #header .header-top {
    background: #F7EFE2;
}

#footer {
    color: #fff;
    background-color: #003D62;
}

#footer .block_newsletter {
    background: transparent;
}

#footer #blockEmailSubscription_displayFooterBefore p {
    color: #c1c1c1;
}

#footer #blockEmailSubscription_displayFooterBefore #block-newsletter-label {
    color: #fff;
}

#footer .h3, #footer .h3 a, #footer .h4 {
    color: #fff;
}

#footer .footer-container ul li a, #footer .footer-container .block-contact {
    color: #c1c1c1;
}

#search_widget form input {
    width: 100%;
    padding: 10px 20px 10px 40px;
    outline: none;
    background-color: #f1f1f1;
    border: none;
    border-radius: 5px;
}

#header .header-nav {
    border-bottom: 1px solid #F5BD1D;
}

#search_widget form input {
    background-color: #fff;
    border-radius: 15px;
}

.product-manufacturer a img {
    width: fit-content;
}


/* Estilos flexibles */

 @media screen and (max-width: 768px) {
    .carousel .carousel-item .caption .display-1 {
        font-size: 1.5rem;
    }

    /* Módulo de suscripción */
    #footer .container .row {
        position: relative;
    }

    #blockEmailSubscription_displayFooterBefore {
        padding-top: 60px;
    }
    
    .block-social {
        position: absolute;
        top: 0;
    }

    .block-social {
        display: flex;
        justify-content: center;
    }

    .block-social ul li {
        padding: 10px;
        background-color: lightblue;
        border-radius: 50%;
        background-size: 80%;
        background-position: center;
        margin-right: 0;
        margin-bottom: 0;
    }

 }

 @media screen and (min-width: 768px) {
    .carousel .carousel-item .caption {
        left: 78px;
        max-width: 270px;
    }

    .carousel .carousel-item .caption .display-1 {
        font-size: 2rem;
    }

    /* Módulo de suscripción */
    #footer .container .row {
        position: relative;
    }
    
    .block-social {
        position: absolute;
        top: 0;
        right: 0;
        width: fit-content;
    }

    .block-social ul li {
        padding: 10px;
        background-color: lightblue;
        border-radius: 50%;
        background-size: 80%;
        background-position: center;
        margin-right: 0;
        margin-bottom: 0;
    }

    #blockEmailSubscription_displayFooterBefore .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #footer .block_newsletter #block-newsletter-label, .customization-modal .modal-content .modal-body {
        width: 50%;
    }

    
 }

 @media (min-width: 768px) {
    .featured-products .col-lg, .featured-products .col-lg-1, .featured-products .col-lg-10, .featured-products .col-lg-11, .featured-products .col-lg-12, .featured-products .col-lg-2, .featured-products .col-lg-3, .featured-products .col-lg-4, .featured-products .col-lg-5, .featured-products .col-lg-6, .featured-products .col-lg-7, .featured-products .col-lg-8, .featured-products .col-lg-9, .featured-products .col-md, .featured-products .col-md-1, .featured-products .col-md-10, .featured-products .col-md-11, .featured-products .col-md-12, .featured-products .col-md-2, .featured-products .col-md-3, .featured-products .col-md-4, .featured-products .col-md-5, .featured-products .col-md-6, .featured-products .col-md-7, .featured-products .col-md-8, .featured-products .col-md-9, .featured-products .col-sm, .featured-products .col-sm-1, .featured-products .col-sm-10, .featured-products .col-sm-11, .featured-products .col-sm-12, .featured-products .col-sm-2, .featured-products .col-sm-3, .featured-products .col-sm-4, .featured-products .col-sm-5, .featured-products .col-sm-6, .featured-products .col-sm-7, .featured-products .col-sm-8, .featured-products .col-sm-9, .featured-products .col-xl, .featured-products .col-xl-1, .featured-products .col-xl-10, .featured-products .col-xl-11, .featured-products .col-xl-12, .featured-products .col-xl-2, .featured-products .col-xl-3, .featured-products .col-xl-4, .featured-products .col-xl-5, .featured-products .col-xl-6, .featured-products .col-xl-7, .featured-products .col-xl-8, .featured-products .col-xl-9, .featured-products .col-xs, .featured-products .col-xs-1, .featured-products .col-xs-10, .featured-products .col-xs-11, .featured-products .col-xs-12, .featured-products .col-xs-2, .featured-products .col-xs-3, .featured-products .col-xs-4, .featured-products .col-xs-5, .featured-products .col-xs-6, .featured-products .col-xs-7, .featured-products .col-xs-8, .featured-products .col-xs-9 {
        padding-right: 0;
        padding-left: 0;
    }
    
    .product-miniature .thumbnail-container .product-thumbnail img {
        width: 100%;
    }
    
    .product-miniature .thumbnail-container {
        width: 100%;
    }
    
    #products .products, .featured-products .products, .product-accessories .products {
        gap: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .col-xl-3 {
        width: calc(33.33% - 10px);
    }
    
    .carousel .carousel-item figure {
        width: 100%;
    }

    .carousel-inner>.carousel-item>a>img, .carousel-inner>.carousel-item>img, .img-fluid, .img-thumbnail {
        width: 100%;
    }

    #footer .block_newsletter #block-newsletter-label, .customization-modal .modal-content .modal-body {
        padding: 0;
    }

    /* .footer-container .container .row .links {
        padding-right: 15px;
        padding-left: 15px;
    } */

    #footer .block_newsletter #block-newsletter-label, .customization-modal .modal-content .modal-body {
        width: 41.66667%;
    }
}


@media (min-width: 992px) {
    /* Módulo de suscripción */
    #footer .container .row {
        position: relative;
    }
    
    #blockEmailSubscription_displayFooterBefore {
        margin: 0;
    }
    
    .block-social {
        position: absolute;
        top: 0;
        right: 0;
        width: fit-content;
    }
    
    .block-social ul li {
        padding: 10px;
        background-color: lightblue;
        border-radius: 50%;
        background-size: 80%;
        background-position: center;
    }

    #blockEmailSubscription_displayFooterBefore .row {
        display: initial;
        flex-direction: initial;
        align-items: initial;
    }
}

 

@media (min-width: 1200px) {
.carousel .carousel-item .caption {
    left: 95px;
    max-width: 350px;
}

.carousel .carousel-item .caption .display-1 {
    font-size: 2rem;
}

.carousel .carousel-indicators {
    display: block;
    mix-blend-mode: plus-lighter;
}

#footer .container .row {
    position: relative;
}

#blockEmailSubscription_displayFooterBefore {
    margin: 0;
}

.block-social {
    position: absolute;
    top: 0;
    right: 0;
    width: fit-content;
}

.block-social ul li {
    padding: 10px;
    background-color: lightblue;
    border-radius: 50%;
    background-size: 80%;
    background-position: center;
}


}