/* ============================== CARTA COLOR ============================== */

.carta-color,
.carta-color-verde,
.carta-color-azul,
.carta-color-morado,
.carta-color-naranja{
    width:100%;
    max-width:100%;
    border-radius:1rem;
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
}

.carta-color::after,
.carta-color-verde::after,
.carta-color-azul::after,
.carta-color-morado::after,
.carta-color-naranja::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:90px;
    height:90px;
    border-radius:0 0 0 100%;
    pointer-events:none;
}

/*.carta-color-contenido{
    position:relative;
    z-index:1;
    width:100%;
}*/

/* ============================== GRIS POR DEFECTO ============================== */

.carta-color{
    background-color:rgba(108,117,125,.06);
    border:1px solid rgba(108,117,125,.18);
}

.carta-color::after{
    background-color:rgba(108,117,125,.08);
}

/* ============================== VERDE ============================== */

.carta-color-verde{
    background-color:rgba(25,135,84,.06);
    border:1px solid rgba(25,135,84,.18);
}

.carta-color-verde::after{
    background-color:rgba(25,135,84,.08);
}

/* ============================== AZUL ============================== */

.carta-color-azul{
    background-color:rgba(13,110,253,.06);
    border:1px solid rgba(13,110,253,.18);
}

.carta-color-azul::after{
    background-color:rgba(13,110,253,.08);
}

/* ============================== MORADO ============================== */

.carta-color-morado{
    background-color:rgba(111,66,193,.06);
    border:1px solid rgba(111,66,193,.18);
}

.carta-color-morado::after{
    background-color:rgba(111,66,193,.08);
}

/* ============================== NARANJA ============================== */

.carta-color-naranja{
    background-color:rgba(253,126,20,.06);
    border:1px solid rgba(253,126,20,.18);
}

.carta-color-naranja::after{
    background-color:rgba(253,126,20,.08);
}

/* ============================== MÓVIL ============================== */

@media (max-width:575.98px){
    .carta-color,
    .carta-color-verde,
    .carta-color-azul,
    .carta-color-morado,
    .carta-color-naranja{
        border-radius:.875rem;
    }

    .carta-color::after,
    .carta-color-verde::after,
    .carta-color-azul::after,
    .carta-color-morado::after,
    .carta-color-naranja::after{
        width:60px;
        height:60px;
    }
}

/* ============================== TABLET ============================== */

@media (min-width:576px) and (max-width:991.98px){
    .carta-color::after,
    .carta-color-verde::after,
    .carta-color-azul::after,
    .carta-color-morado::after,
    .carta-color-naranja::after{
        width:75px;
        height:75px;
    }
}

/* ============================== DESKTOP ============================== */

@media (min-width:992px){
    .carta-color::after,
    .carta-color-verde::after,
    .carta-color-azul::after,
    .carta-color-morado::after,
    .carta-color-naranja::after{
        width:90px;
        height:90px;
    }
}