/*==========================================
            MODAL CHAKRA
==========================================*/

.chakra-modal{

    border:none;

    border-radius:25px;

    overflow:hidden;

    background:linear-gradient(
        135deg,
        rgba(240,249,255,.97) 0%,
        rgba(221,242,255,.96) 45%,
        rgba(201,234,255,.95) 100%
    );

    box-shadow:0 20px 60px rgba(13,110,253,.18);

}

.chakra-modal .modal-header{

    background:linear-gradient(
        135deg,
        #4facfe,
        #00c6fb
    );

    color:#fff;

}

.chakra-modal table th{

    color:#0d6efd;

    font-weight:700;

}

.chakra-modal table td{

    color:#444;

}

#chakraPotenciar,
#chakraDesequilibrio{

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

    border-left:5px solid #4facfe;

    border-radius:15px;

    padding:18px;

    text-align:justify;

    line-height:1.8;

    box-shadow:0 5px 15px rgba(0,0,0,.05);

}

#chakraPotenciar{

    border-left-color:#20c997;

}

#chakraDesequilibrio{

    border-left-color:#dc3545;

}

.chakra-modal img{

    width:100%;

    border-radius:18px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

}

.chakra-img{

    width:100%;

    max-height:250px;

    object-fit:cover;

    object-position:center;

    border:5px solid #fff;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

}

/*==========================================
            EFECTO HOVER IMAGEN
==========================================*/

.chakra-modal img:hover{

    transform:scale(1.02);

    transition:.35s;

}