/* =========================
   ESPECIALIDADES - TABS
========================= */

/* Por defecto ocultamos los dos contenidos */
/* =========================
   ESPECIALIDADES - TABS
========================= */

/* Ocultamos contenidos */
#urom,
#srenal {
    display: none;
    font-size: 0.85rem;
}


/* Mostramos el activo */
#urom.active,
#srenal.active {
    display: block;
    font-size: 0.85rem;

    animation: aparecerEspecialidad 1.2s ease forwards;
}


/* Animación */
@keyframes aparecerEspecialidad {

    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================
   BOTONES DEL MENÚ
========================= */

#uromLink,
#srenalLink {
    cursor: pointer;

    opacity: 0.45;
    font-weight: 400;

    color: #000 !important;

    transition:
        opacity 1.2s ease,
        color 1.2s ease;
}


/* Activo */
#uromLink.active,
#srenalLink.active {

    opacity: 1;
    font-weight: 700;

}


/* Hover */
#uromLink:hover,
#srenalLink:hover {
    opacity: 0.8;
}