/* bosses-tooltip.css */
/* Archivo independiente para enlazar desde index.php */

.home-boxes{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-start !important;
    gap:15px !important;
    width:100% !important;
    margin:25px 0 !important;
}

.home-box{
    position:relative !important;
    width:19% !important;
    overflow:visible !important;
    cursor:pointer !important;
}

.home-box img{
    width:100% !important;
    height:260px !important;
    object-fit:cover !important;
    border:1px solid #c8a45a !important;
    transition:.3s !important;
}

.home-box:hover img{
    transform:scale(1.05) !important;
}

.boss-tooltip{
    position:absolute !important;
    left:50% !important;
    top:10px !important;
    transform:translateX(-50%) !important;

    width:200px !important;
    background:#0c0d10 !important;
    border:2px solid #c8a45a !important;
    padding:15px !important;
    border-radius:8px !important;

    opacity:0 !important;
    visibility:hidden !important;

    z-index:999999 !important;
}

.home-box:hover .boss-tooltip{
    opacity:1 !important;
    visibility:visible !important;
}

.boss-tooltip h4{
    color:#d8b56a !important;
}

.boss-tooltip p,
.boss-tooltip li{
    color:#ffffff !important;
}