﻿.top-row > .center-section {
    transform: translateX(40px) !important; 
    will-change: transform;
}

.text-container-wrapper {
    display: flex;
    align-items: center;
    gap: 5px;
}

.text-container {
    max-width: 1000px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Tooltip container */
.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* Tooltip text */
.tooltip-text {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    text-align: left;
    padding: 6px 10px;
    border-radius: 4px;
    position: absolute;
    z-index: 100;
    /* Posición hacia arriba del ícono */
    bottom: 125%; /* Ubica el tooltip arriba del ícono */
    left: 50%; /* Centra horizontalmente */
    transform: translateX(-50%); /* Ajuste fino para centrarlo bien */

    white-space: normal;
    max-width: 500px;
    width: max-content;
    min-width: 250px;
    font-size: 0.85em;
    opacity: 0;
    transition: opacity 0.3s;
    white-space: pre-line; /* <-- Aquí va correctamente */
}

/* Show tooltip on hover */
.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.logo-sipromed,
.logo-ins {
    max-height: 48px;
    width: auto;
    object-fit: contain;
}

@media (max-width: 1024px) {
    .logo-sipromed, .logo-ins {
        max-height: 40px;
    }
}

@media (max-width: 768px) {
    .logo-sipromed, .logo-ins {
        max-height: 34px;
    }
}


.top-row .right-section img.logo-ins {
    height: 120px !important; 
    width: auto !important;
    max-height: none !important; 
    object-fit: contain !important;
}

.top-row .right-section img.logo-ins {
    margin-right: 20px !important; 
}
@keyframes blink-border {
    0%, 100% { border-color: transparent;}
    50% { border-color: orange; }
}

.blink-highlight {
    animation: blink-border 0.5s ease-in-out 3; /* 3 veces */
    border: 5px solid orange !important;
    border-radius: 4px;
}
.clickable-mudtextfield {
    cursor: pointer;
    pointer-events: auto;
}
.clickable-mudtextfield * {
    pointer-events: none;
}
