/* Estilos existentes */
        .image-container {
            position: relative;
            overflow: visible;
        }
        .image-container img {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            z-index: 10;
        }
      
        .image-container:hover {
            z-index: 50;
        }

        #typing-text {
            font-size: 24px;
            padding-right: 5px;
            white-space: nowrap;
            overflow: hidden;
        }

        @keyframes blink-caret {
            from, to { border-color: transparent }
            50% { border-color: #000; }
        }

        /* Nuevos estilos para etiquetas de color */
        .badge {
            display: inline-block;
            padding: 0.25rem 0.5rem;
            font-size: 0.75rem;
            font-weight: 600;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            /* Sin border-radius */
        }
        .badge-blue {
            background-color: #3b82f6; /* Azul */
            color: white;
        }
        .badge-green {
            background-color: #10b981; /* Verde */
            color: white;
        }
        .badge-red {
            background-color: #ef4444; /* Rojo */
            color: white;
        }