/* ============================================================
   TEMPLATE: PURPLE DREAM (MYSTIC COMPACT)
   ============================================================ */

.card.purple-dream {
    background: linear-gradient(145deg, #F8F5FF 0%, #FFFFFF 100%);
    border-radius: 35px;
    box-shadow: 0 25px 50px -20px rgba(128, 0, 128, 0.25);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(147, 112, 219, 0.15);
}

.banner-upgrade a,
.banner-upgrade a:visited {
    color: inherit !important;
    text-decoration: none;
}

/* ------------------------------------------------------------
   HEADER
   ------------------------------------------------------------ */

.card.purple-dream .card-header-block {
    background: linear-gradient(145deg, #6A4E9B 0%, #4A2C6D 100%);
    color: #FFFFFF;
    padding: 2rem 1rem 1.5rem;
    text-align: center;
    position: relative;
}

/* LOGO: Formato Orgânico (Ovo/Gota) */
.card.purple-dream .card-header-block img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40% !important;
    border: 3px solid #E6E6FA;
    box-shadow: 0 10px 25px rgba(74, 44, 109, 0.3);
    margin-bottom: 0.8rem;
    background: #fff;
}

.card.purple-dream .card-header-block h5 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);
    letter-spacing: 1px;
}

.card.purple-dream .card-header-block small {
    font-size: 0.7rem;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #D8BFD8;
    display: block;
    margin-top: 0.3rem;
}

/* ------------------------------------------------------------
   DESCRIPTION
   ------------------------------------------------------------ */

.card.purple-dream .card-description-block {
    background: transparent;
    color: #4A385A;
    padding: 1.5rem 1.5rem 0.5rem;
    text-align: center;
    font-size: 0.85rem;
    line-height: 1.6;
}

/* ------------------------------------------------------------
   SERVICES
   ------------------------------------------------------------ */

.card.purple-dream .card-services-block {
    padding: 0.5rem 1.5rem 1rem;
}

.card.purple-dream .card-services-block li {
    color: #4A385A;
    padding: 8px 0;
    border-bottom: 1px solid rgba(147, 112, 219, 0.1);
    font-size: 0.85rem;
    font-weight: 500;
}

.card.purple-dream .card-services-block li::before {
    content: '✧';
    color: #9B7CB9;
    margin-right: 10px;
}

/* ------------------------------------------------------------
   WHATSAPP (GHOST PURPLE)
   ------------------------------------------------------------ */

.card.purple-dream .btn-whatsapp {
    background: transparent;
    color: #6A4E9B !important;
    border: 2px solid #6A4E9B;
    border-radius: 12px !important;
    padding: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 10px 25px 20px;
    transition: all 0.3s ease;
    font-size: 0.75rem;
    text-align: center;
}

.card.purple-dream .btn-whatsapp:hover {
    background: #6A4E9B;
    color: #fff !important;
}

/* ------------------------------------------------------------
   LINKS SOCIAIS (DIAMOND STYLE)
   ------------------------------------------------------------ */

.card.purple-dream .card-social-icon {
    width: 40px;
    height: 40px;
    background: #F8F5FF;
    border: 2px solid #9B7CB9;
    border-radius: 10px !important;
    transform: rotate(45deg);
    margin: 0 8px;
    transition: all 0.3s ease;
}

.card.purple-dream .card-social-icon i { 
    color: #6A4E9B !important; 
    transform: rotate(-45deg); /* Desfaz a rotação no ícone */
}

.card.purple-dream .card-social-icon:hover {
    background: #9B7CB9;
}

.card.purple-dream .card-social-icon:hover i { color: #fff !important; }

/* ------------------------------------------------------------
   MODAL PURPLE DREAM
   ------------------------------------------------------------ */

.modal.purple-dream .modal-content { 
    background: linear-gradient(145deg, #F8F5FF, #FFFFFF); 
    border: 1px solid rgba(147, 112, 219, 0.4); 
    border-radius: 35px; 
}

.modal.purple-dream .p-4.bg-white { 
    background: transparent !important; 
    color: #4A385A !important; 
    border-top: 2px solid #B39DDB; 
}

.modal.purple-dream h5.text-dark { 
    color: #6A4E9B !important; 
    font-weight: 700; 
}

.modal.purple-dream h4.text-success { 
    color: #9B7CB9 !important; 
    font-weight: 800;
}

.modal.purple-dream .btn-success { 
    background: transparent !important; 
    color: #6A4E9B !important; 
    border: 2px solid #6A4E9B !important; 
    border-radius: 12px !important; 
    font-weight: 700;
}

.modal.purple-dream .btn-success:hover { 
    background: #6A4E9B !important; 
    color: #fff !important; 
}

.modal.purple-dream .btn-close { 
    background-color: #E6E6FA; 
    border-radius: 50%; 
    opacity: 1; 
}