/*GLOBALS*/

section.featured-products.clearfix {
    margin-top: 44px;
    margin-bottom: 16px;
}

h3.undertitle {
    color: #a8a8a8;
    font-size: 18px;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 30px;
    font-weight: 400;
}

#index .header-top {
    position: absolute;
    background: transparent;
}

h2.h2.products-section-title.text-uppercase{
    line-height: 32px;
}

#index .header-top.sticky {
    background: #ffffff;
}

.carousel {
    background-color: rgba(0, 0, 0, 0);
    background-repeat: repeat;
    background-position: center bottom;
    width: 100%;
    height: 668px;
    background-image: url(//libreria.tulibrodefp.es/themes/tulibrodefp/assets/img/pat5-2.png);
    opacity: 1;
    visibility: inherit;
}

.carousel .tp-caption {
    position: absolute;
    width: 193px;
}

.carousel .tp-caption.logotulibrodefp {
    left: 0;
    /*left: 20.1%;*/
    top: 150px;
    /*top: 22.5%;*/
}

.carousel .tp-caption.logotulibrobachillerato {
    left: 0;
    /*left: 20.1%;*/
    top: 350px;
    /*top: 52.4%;*/
}
.carousel .tp-caption.productoformacionbasico {
    left: 200px;
    /*left: 35.8%;*/
    top: 156px;
    /*top: 23.36%;*/
}

.carousel .tp-caption.productoformacion {
    left: 410px;
    /*left: 35.8%;*/
    top: 156px;
    /*top: 23.36%;*/
}

#carousel .nombre-producto {
    background: rgba(0, 128, 181, 0.75);
    color: white;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-top: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel .tp-caption img {
    box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 10px;
}

.carousel .tp-caption.logotulibrodefp img, .carousel .tp-caption.logotulibrobachillerato img {
    box-shadow: none;
}

.btn-comprar-slider a {
    display: block;
    font-size: 17px;
    border: 1px solid black;
    width: 153px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    font-family: Roboto;
    color: black;
    line-height: 17px;
    padding: 12px 35px;
    margin-top: 10px;
}

.carousel .tp-caption.productoempresa {
    left: 620px;
    /*left: 47.7%;*/
    top: 156px;
    /*top: 23.36%;*/
}

.carousel .tp-caption.productomatematicas {
    left: 830px;
    /*left: 59.686%;*/
    top: 156px;
    /*top: 23.36%;*/
}


#carousel .tp-caption.productoempresa .nombre-producto, 
#carousel .tp-caption.productoformacion .nombre-producto {
    height: 73px;
}

#carousel .nombre-producto.novedad {
    background: rgba(232, 78, 26, 0.75);
    height: 73px;
}

.carousel .tp-caption.productomatematicasaplicadas {
    left: 1040px;
    /*left: 71.92%;*/
    top: 156px;
    /*top: 23.36%;*/
}

.btn-comprar-slider a:hover {
    background: white;
}

section#wrapper{
    margin-top: 0;
}

#carousel .container {
    position: relative;
}

/*END GLOBALS*/

/*DESKTOP*/


/*END DESKTOP*/

/*MOBILE*/

/*MEDIA QUERIES MOBILE*/

@media (min-width: 576px) and (max-width: 991.98px) {
    
}

@media (max-width: 1199.98px) {
    #index #wrapper .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .carousel .tp-caption {
        position: relative;
        top: auto !important;
        left: auto !important;
    }
    
    #carousel .container {
        display: flex;
        height: 100%;
        max-width: none;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .carousel .col-right .tp-caption {
        display: inline-flex;
        flex-direction: column;
        width: auto;
        max-width: 183px;
        flex: 1;
    }



    #carousel .col-right .tp-caption.productoformacionbasico .nombre-producto,
    #carousel .col-right .tp-caption.productoformacion .nombre-producto,
    #carousel .col-right .tp-caption.productoempresa .nombre-producto {
        font-size: 12px;
    }

    .carousel  .col-right  .tp-caption img {
        height: auto !important;
    }
    
    #carousel .col-right .tp-caption .nombre-producto {
        height: 70px;
        font-size: 13px;
    }

    #carousel .col-right {
        display: flex;
        align-items: center;
        gap: 31px;
    }
    
    #carousel .col-left {
        display: flex;
        gap: 69px;
        flex-direction: column;
        justify-content: center;
    }

    .carousel {
        display: flex;
        align-items: center;
        height: 600px;
        padding-top: 60px;
      }
    

    #index .header-top{
        background: white;
    }
}


@media (max-width: 991.98px) {
    .carousel .tp-caption.logotulibrodefp img, .carousel .tp-caption.logotulibrobachillerato img {
        max-width: 92px;
        height: auto !important;
    }
    
    #carousel .col-left {
        gap: 30px;
    }
    
    
    .carousel .col-right .tp-caption {
        display: inline-flex;
        flex-direction: column;
        width: auto;
        max-width: 184px;
        flex: 1;
    }

    .carousel  .col-right  .tp-caption img {
        height: auto !important;
    }


    #carousel .col-right .tp-caption .nombre-producto {
        height: 70px;
        font-size: 12px;
    }


    #carousel .col-right .tp-caption.productoformacionbasico .nombre-producto {
        font-size: 10px;
    }

    
    #carousel .col-right .tp-caption.productoformacion .nombre-producto,
    #carousel .col-right .tp-caption.productoempresa .nombre-producto {
        font-size: 11px;
    }

    
    #carousel .nombre-producto {
        font-size: 9px;
    }
    
    .btn-comprar-slider a {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    
    #carousel .nombre-producto.novedad {
        height: 45px;
    }
}


@media (max-width: 850.98px) {

    #carousel .col-right .tp-caption .nombre-producto {
        height: 70px;
        font-size: 11px;
    }



    #carousel .col-right .tp-caption.productoformacionbasico .nombre-producto,
    #carousel .col-right .tp-caption.productoformacion .nombre-producto,
    #carousel .col-right .tp-caption.productoempresa .nombre-producto {
        font-size: 9px;
    }

}


@media (max-width: 790.98px) {

    #carousel .col-right .tp-caption .nombre-producto {
        height: 65px;
        font-size: 10px;
    }
}

@media (max-width: 767.98px) {
    #index #wrapper .container {
        max-width: none;
        padding-left: 26px;
        padding-right: 26px;
    }
    #index .products.row {
        padding: 0;
    }
    div#content-wrapper {
        padding-left: 12px;
        padding-right: 12px;
    }
    .carousel{
        display: none;
    }
    section#wrapper{
        margin-top: 60px;
    }
}

@media (max-width: 575.98px) {
    
}

@media (max-width: 479.98px) {

}

/*END MEDIA QUERIES MOBILE*/

/*MEDIA QUERIES DESKTOP*/
@media (min-width: 1200px) {
    #index #wrapper .container {
        padding-left: 0;
        padding-right: 0;
    }
}
/*MEDIA QUERIES DESKTOP*/