/* Selector estilo píldora */
        .language-picker {
            display: flex;
            align-items: center;
            background-color: white;
            border-radius: 15px;
            padding: 5px;
            border: 1px solid #ddd;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
            margin-bottom: 5px;
            margin-left: 20px;
            font-size:8px;

        }

        .lang-btn {
            display: flex;
            align-items: center;
            gap: 8px;
            background: none;
            border: none;
            padding: 3px 5px;
            cursor: pointer;
            border-radius: 10px;
            color: #777;
            transition: all 0.3s ease;
            font-weight: 500;
        }

        .lang-icon {
            width: 20px;
            height: auto;
            border-radius: 2px;
        }

        .lang-btn.active {
            background-color: #007bff;
            color: white;
            box-shadow: 0 2px 4px rgba(0,123,255,0.3);
        }

        .divider {
            width: 1px;
            height: 20px;
            background-color: #777;
            margin: 0 5px;
        }

        /* --- 2. ESTILOS DE ANIMACIÓN --- */
        [data-section] {
            transition: opacity 0.3s ease, transform 0.3s ease;
            opacity: 1;
            transform: translateY(0);
        }

        .hidden-text {
            opacity: 0;
            transform: translateY(-10px);
        }

        /* Estilo decorativo para el contenido */
        .content {
            text-align: center;
            max-width: 500px;
        }