/**
* 2007-2024 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2024 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

@keyframes cc-from-the-left {
    from {
        transform: translateX(-50px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes cc-to-the-left {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(-50px);
        opacity: 0;
    }
}

@keyframes cc-fade-in {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

@keyframes cc-fade-out {
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}

#module-cc_ventas_popup-afterProductsThumb p{
    margin: 0;
}

#module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal.active{
    animation-name: cc-from-the-left;
    animation-duration: 0.65s;
    animation-timing-function: ease-in;

    opacity: 1;
}

#module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal.inactive{
    animation-name: cc-to-the-left;
    animation-duration: 0.65s;
    animation-timing-function: ease-in;

    opacity: 0;
}

#module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal{
    position: absolute;
    left: 6%;
    top: 450px;
    z-index: 3;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    opacity: 0;
}

#module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_container{
    width: 400px;
    height: 60px;

    background-color: #FFF;
    color: #000;
    -webkit-box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.75);

    cursor: pointer;
}

#module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_content{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    padding: 0.75rem;
    width: 100%;
    height: auto;

    opacity: 0;
}


#module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_content.show{
    animation-name: cc-fade-in;
    animation-duration: 0.65s;
    animation-timing-function: ease-in;

    opacity: 1;
}

#module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_content.hide{
    animation-name: cc-fade-out;
    animation-duration: 0.65s;
    animation-timing-function: ease-in;

    opacity: 0;
}

#module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_icono{
    flex-grow: 1;
    flex-shrink: 0;

    width: 15%;

    height: 100%;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_texto{
    flex-grow: 0;
    flex-shrink: 1;

    width: 80%;
}

#module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_close{    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    flex-grow: 1;
    flex-shrink: 0;

    width: 5%;
    
    font-weight: 200;
    
    cursor: pointer;
    font-size: 1.5rem;
}

@media (max-width: 1800px) {
    #module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal{        
        top: 400px;
    }

    #module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_container{
        width: 350px;
    }

    #module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_icono{
        width: 1.5rem;
    }

    #module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_texto{
        font-size: 0.7rem;
    }

    #module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_close{
        font-size: 1.2rem;
    }
}

@media (max-width: 1440px) {
    #module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal{        
        top: 300px;
    }

    #module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_container{
        width: 300px;
    }
}

@media (max-width: 1024px) {

    #module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_container{
        width: 250px;
    }

    #module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_icono{
        width: 1.2rem;
    }

    #module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_texto{
        font-size: 0.6rem;
    }

    #module-cc_ventas_popup-afterProductsThumb .cc_ventas_popup__modal_close{
        font-size: 1rem;
    }
}