/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 26 2026 | 01:14:58 */
/* ==========================================================
   TOOLTIPS ICONOS
   ========================================================== */

/* Contenedores */
.oc_grid_item_textBox,
.oc_iconBox,
.oc_grid_item_textBox .oc_iconBox .iconColumn {
    overflow: visible;
}

.oc_grid_itemTextBox .oc_iconBox .iconColumn,
.oc_grid_item_textBox .oc_iconBox .iconColumn,
.iconColumn {
    position: relative;
}

/* Tooltip */
.tooltip-text{

    position:absolute;

    left:50%;
    bottom:calc(100% + 12px);

    transform:translateX(-50%);

    display:flex;
    justify-content:center;
    align-items:center;

    padding:6px 14px;

    background:#59ab9c;
    color:#fff;

    border-radius:30px;

    font-size:14px;
    font-weight:400;
    line-height:1;

    white-space:nowrap;

    pointer-events:none;

    z-index:9999;

    box-shadow:0 4px 12px rgba(0,0,0,.12);

    animation:tooltipFade .18s ease;
}

/* Flecha */

.tooltip-text::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:-5px;

    width:10px;
    height:10px;

    background:#59ab9c;

    transform:translateX(-50%) rotate(45deg);

}

/* Animación */

@keyframes tooltipFade{

    from{

        opacity:0;

        transform:translate(-50%,8px);

    }

    to{

        opacity:1;

        transform:translate(-50%,0);

    }

}

/* Responsive */

@media (max-width:767px){

    .tooltip-text{

        font-size:13px;

        padding:6px 12px;

    }

}