@font-face{
        font-family: 'Roboto Bold';
        src: url('/css/fonts/Roboto-Bold.ttf');
    }
    @font-face {
        font-family: 'Roboto Bold Condensed';
        src: url('/css/fonts/RobotoCondensed-Bold.ttf');
    }
    .rosaGP{
        color: #E60881;
    }
    .swiper_blog{
        height: 200px;
    }
    #contenedor-slider{
        height: 200px;
    }
    .slider-animado{
        position: relative;
        width: 100%;
        height: 165px;
        overflow: hidden;
    }
    .a-container-estatico{
        position: absolute;
        width: 100%;
        height: 165px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        /*opacity: 0;*/
        /*transition: opacity 0.9s linear;*/
    }
    .background-animado-container{
        position: absolute;
        width: 773px;
        animation: moveFront 10s linear infinite;
        z-index: -1;
    }
    .blog-swiper-imagen{
        height: 165px;
    }
    .capa-oscurecer-background-animado-container{
        width: 100%;
        height: 165px;
        background: transparent linear-gradient(220deg, #00000000 40%, #000000C7 100%) 0% 0% no-repeat padding-box;
        background-size: 100% 100%;
        position: absolute;
        z-index: 0;
    }
    .capa-oscurecer-background-animado-container2{
        width: 100%;
        height: 165px;
        background: transparent radial-gradient(closest-side at 50% 70%, #3a0540 0%, #3a054091 100%) 0% 0% no-repeat padding-box;
        background-size: 100% 100%;
        position: absolute;
        z-index: 0;
    }
    .derecha-estatica-container {
        position: relative;
        width: 50%;
        height: 165px;
        bottom: 0;
        right: 0;
        z-index: 1;
    }
    .derecha-estatica-container picture {
        display: flex;
        justify-content: center;
    }
    .derecha-estatica-container img {
        width: auto;
        max-width: none;
        height: 165px;
    }
    .izquierda-estatica-container {
        position: relative;
        width: 50%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
    }
    .texto-izquierda-estatica-container{
        background-color: rgba(0, 0, 0, 0.6);
        border-radius: 3px;
        height: fit-content;
        padding: 11px 13px 11px 13px;
        width: 90%;
    }
    .texto-izquierda-estatica {
        /*min-width: 159px;*/
        width: 80%;
        font-size: 24px;
        font-family: 'Roboto Bold Condensed';
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .texto-izquierda-estatica p.pWithoutJump{
        max-width: 250px;
        width: 38vw;
        min-width: 145px;
        display: none;
    }
    .texto-izquierda-estatica p.pWithJump{
        /*display: none;*/
         display: -webkit-box !important;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
    }
    .texto-izquierda-estatica p{
        margin: 0;
    }
    .texto-izquierda-estatica p.rosaGP{
        margin-bottom: 15px;
    }
    .texto-izquierda-estatica button, .texto-izquierda-estatica a {
        /*background: linear-gradient(to right, #54127F, #E60881);*/
        background: #E60881;
        border: 0;
        color: #fff;
        border-radius: 3px;
        /*font-family: 'Roboto Bold';*/
        font-size: 14px;
        line-height: 13px;
        /*width: 112px;*/
        width: auto;
        padding: 0 11px;
        height: 33.6px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 13px;
    }
    .info-container-boton{
        background-color: #E60881;
        color: #ffffff;
        border-radius: 3px;
        font-family: 'Roboto Bold Condensed' !important;
    
    }
    .swiper-slide {
        align-items: flex-start;
    }
    .swiper-button-prev, .swiper-button-next, .swiper-scrollbar {
        display: none;
        opacity: 0;
        transition: all 0.4s linear;
        width: 60px;
        height: 60px;
    }
    /*.swiper-pagination{*/
    /*    opacity: 0;*/
    /*    transition: opacity 0.9s linear;*/
    /*}*/
    .swiper-pagination-bullet {
        background: #C2C2C2;
        opacity: 1;
        cursor: pointer;
    }
    .swiper-pagination-bullet-active {
        background: #000000;
    }
    .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: 0;
    }
    .texto-izquierda-estatica p.mini{
        font-size:13px;
        line-height:20px;
        margin:0;
    }
    .maxi {
        /*font-size:30px;*/
        /*line-height:28px;*/
        font-size: 4.2vw;
        line-height: 4.7vw;
        font-family: 'Roboto Bold Condensed';
    }
    
    .estilos-boton-rosa {
    /* background: linear-gradient(to right, #54127F, #E60881); */
    background: #E60881;
    border: 0;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto Bold';
    font-size: 14px;
    line-height: 13px;
    /* width: 112px; */
    width: auto;
    padding: 0 30px;
    height: 33.6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 13px;
}
    
    @keyframes moveFront{
        /*0%{*/
        /*    transform: translateX(0px);*/
        /*}*/
        /*33%{*/
        /*    transform: translateX(10px);*/
        /*}*/
        /*66%{*/
        /*    transform: translateX(-10px);*/
        /*}*/
        /*100%{*/
        /*    transform: translateX(0px);*/
        /*}*/
        0%{
            transform: translateX(0px);
        }
        25%{
            transform: translateX(10px);
        }
        50%{
            transform: translateX(0px);
        }
        75%{
            transform: translateX(-10px);
        }
        100%{
            transform: translateX(0px);
        }
    }
    
    @media screen and (min-width:470px){
        .background-animado-container {
            /*width: calc(100% + 20px);*/
            /*height: max-content;*/
            /*bottom: 0;*/
        }
        /*.background-animado-container img {*/
        /*    height: auto;*/
        /*}*/
    }
    @media screen and (min-width: 550px){
        .texto-izquierda-estatica p.pWithoutJump{
            display: none;
        }
        .texto-izquierda-estatica p.pWithJump{
            /*display: block;*/
            width: auto;
        }
    }
    @media screen and (min-width:700px){
        .texto-izquierda-estatica p.mini{
            font-size:16px;
        }
    }
    @media screen and (min-width:744px){ /* TABLET */
        #contenedor-slider{
            height: 363px;
        }
        .swiper_blog{
            height: 363px;
        }
        
        .slider-animado, .a-container-estatico {
            height: 330px;
        }
        
        .blog-swiper-imagen {
            /*position: absolute;*/
            width: 100%;
            height: auto !important;
        }
        .slider-animado,.a-container-estatico, .derecha-estatica-container, .capa-oscurecer-background-animado-container,.capa-oscurecer-background-animado-container2, .background-animado-container img{
            
        }
        .background-animado-container {
            width: 1950px;
            display: flex !important;
            justify-content: center !important;
            align-items: center;
        }
        /*.texto-izquierda-estatica-container{*/
        /*    padding: 14px 27px 14px 27px;*/
        /*    width: 72%;*/
        /*}*/
        .texto-izquierda-estatica{
            font-size: 38px;
            line-height: 35px;
        }
        .texto-izquierda-estatica button, .texto-izquierda-estatica a{
            font-size: 16px;
            line-height: 14px;
            width: auto;
            padding: 0 30px;
            height: 40.6px;
        }
        .swiper-button-prev, .swiper-button-next{
            display: flex;
            top:37% !important;
        }
        .estilos-boton-rosa {
            font-size: 16px;
            height: 40.6px;
        }
    }
    
    @media screen and (min-width:1024px){ /* DESK */
        .background-animado-container {
            width: 1950px;
            height: 330px;
        }
        .swiper:hover .swiper-button-prev, .swiper:hover .swiper-button-next{
            opacity: 1;
        }
        .swiper-button-prev:after, .swiper-button-next:after{
            content: '';
            width: 60px;
            height: 60px;
        }
        .swiper-button-prev:after {
            background:url(/img/layout/icons/flecha_izq.webp) no-repeat;
            background-size: 60px;
        }
        .swiper-button-next:after {
            background:url(/img/layout/icons/flecha_der.webp) no-repeat;
            background-size: 60px;
        }
        .texto-izquierda-estatica-container{
            padding: 14px 27px 14px 27px;
            width: 72%;
        }
        .texto-izquierda-estatica{
            width: auto;
            text-shadow: 0 0 4px #000;
        }
        .texto-izquierda-estatica p.mini{
            font-size:26px;
            /*line-height:30px;*/
            line-height: 40px;
        }
        .maxi{
            font-size: 35px;
            /*line-height: 54px;*/
            line-height: 40px;
        }
    }
    @media screen and (min-width: 1921px){
        .background-animado-container {
             width: calc(100% + 20px); 
             height: max-content; 
            bottom: 0;
        }
        .background-animado-container img{
            height: auto;
        }
    }