/*====================================================
  CPS APP
====================================================*/

.featured-middle {
    position: relative;
    overflow: hidden;
    padding: 2.5rem 0;
    background: linear-gradient(135deg,
            #007b6d 0%,
            #00665a 45%,
            #005247 100%);
    color: #ffffff;
    margin: 1.5rem 0 1rem 0;
}

/* Círculo decorativo */

.featured-middle::after {

    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    right: -180px;
    top: -120px;

    border-radius: 50%;

    background: rgba(255, 255, 255, .05);
}

/*--------------------------------------------------*/

.cps-app {

    position: relative;

    z-index: 2;
}

/*--------------------------------------------------*/

.cps-app-label {

    display: inline-block;

    padding: .40rem 1rem;

    margin-bottom: 0rem;

    border-radius: 30px;

    background: rgba(255, 255, 255, .15);

    color: #ffffff;

    font-size: .85rem;

    font-weight: 600;

    letter-spacing: .08em;

    text-transform: uppercase;
}

/*--------------------------------------------------*/

.cps-app-title {

    font-weight: 600;

    color: #ffffff;

    margin-bottom: 1rem;
}

/*--------------------------------------------------*/

.cps-app-intro {

    color: rgba(255, 255, 255, .90);

    line-height: 1.8;

    margin-bottom: 1rem;

    max-width: 600px;
}

/*--------------------------------------------------*/

.cps-app-list {

    list-style: none;

    padding: 0;

    margin: 0;
}

.cps-app-list li {

    display: flex;

    align-items: center;

    gap: .85rem;

    color: #ffffff;
}

.cps-app-list i {

    color: #ffd54f;

    font-size: 1.25rem;

    flex-shrink: 0;
}

/*--------------------------------------------------*/

/*----------------------------------------------------
Enlaces de descarga
----------------------------------------------------*/

.cps-app-buttons{
    margin-top:2rem;
    display:flex;
    gap:2rem;
    flex-wrap:wrap;
}

.cps-store-link{

    position:relative;

    display:inline-flex;
    align-items:center;
    gap:.55rem;

    color:#ffffff !important;
    font-weight:500;
    text-decoration:none;

    transition:color .25s ease;
}

/* icono */

.cps-store-link i{
    font-size:1.2rem;
}

/* flecha */

.cps-store-link::after{

    content:"❯";

    font-size:.70rem;

    margin-left:.2rem;

}

/* línea inferior */

.cps-store-link::before{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:-4px;

    height:2px;

    background:#ffffff;

    transform:scaleX(0);

    transform-origin:center;

    transition:transform .25s ease;

}

/* hover */

.cps-store-link:hover{

    color:#ffffff;

}

.cps-store-link:hover::before{

    transform:scaleX(1);

}

/*--------------------------------------------------*/

@media (max-width:991px) {

    .featured-middle {

        padding: 4rem 0;
    }

    .cps-app-title {

        font-size: 2.2rem;
    }

    .cps-app-intro {

        max-width: 100%;
    }

    .cps-app-buttons {

        justify-content: center;
    }

    .cps-app-phone {

        margin-top: 2rem;

        max-height: 420px;
    }

}

@media (max-width:576px) {

    .cps-app-title {

        font-size: 1.9rem;
    }

    .cps-app-buttons {

        flex-direction: column;

        align-items: center;
    }

    .cps-app-buttons img {

        height: 52px;
    }

}

.cps-app-image{
    position: relative;
    display: inline-block;
}

.cps-app-image::before{
    content:"";
    position:absolute;
    inset:-35px;
    z-index:1;
    border-radius:50%;

    background:radial-gradient(
        circle,
        rgba(255,255,255,.20) 0%,
        rgba(255,255,255,.10) 45%,
        rgba(255,255,255,.05) 70%,
        rgba(255,255,255,0) 100%
    );

    filter:blur(20px);
}

.cps-app-phone{
    position:relative;
    z-index:2;
    max-height:520px;

    filter:
        drop-shadow(0 0 10px rgba(255,255,255,.25))
        drop-shadow(0 18px 35px rgba(0,0,0,.22));
}